<a href="#" class="sl-c-project-pagination__link
                   sl-c-project-pagination__link--left
                   u-hide-text">
  Previous Step
</a>

<a href="#" class="sl-c-project-pagination__link
                   sl-c-project-pagination__link--right
                   u-hide-text">
  Next Step
</a>
<a href="#" class="sl-c-project-pagination__link
                   sl-c-project-pagination__link--left
                   u-hide-text">
  Previous Step
</a>

<a href="#" class="sl-c-project-pagination__link
                   sl-c-project-pagination__link--right
                   u-hide-text">
  Next Step
</a>
/* No context defined for this component. */
  • Content:
    .sl-c-project-pagination__link {
      background-color:    $sl-green;
      background-position: center center;
      background-repeat:   no-repeat;
      background-size:     auto 30px;
      border-radius:       100%;
      display:             block;
      height:              60px;
      width:               60px;
    }
    
    .sl-c-project-pagination__link--left  { background-image: url('#{$images-path}/components/slash-learning-components/project-pagination/link--left.svg');  }
    .sl-c-project-pagination__link--right { background-image: url('#{$images-path}/components/slash-learning-components/project-pagination/link--right.svg'); }
    
  • URL: /components/raw/sl-c-project-pagination-link/sl-c-project-pagination-link.scss
  • Filesystem Path: components/slash-learning-components/project-pagination-link/sl-c-project-pagination-link.scss
  • Size: 605 Bytes
  • Handle: @sl-c-project-pagination-link
  • Preview:
  • Filesystem Path: components/slash-learning-components/project-pagination-link/project-pagination-link.hbs

There are no notes for this item.