<ul class="sl-c-nav-list ">
    <li class="sl-c-nav-list__item"><a href="#" class="sl-c-nav-list__link">Help</a></li>
    <li class="sl-c-nav-list__item"><a href="#" class="sl-c-nav-list__link">Teach</a></li>
    <li class="sl-c-nav-list__item"><a href="#" class="sl-c-nav-list__link sl-c-nav-list__link--current">Learn</a></li>
    <li class="sl-c-nav-list__item"><a href="#" class="sl-c-nav-list__link">Make</a></li>
</ul>
<ul class="sl-c-nav-list {{ object_modifier }}">
  <li class="sl-c-nav-list__item"><a href="#" class="sl-c-nav-list__link">Help</a></li>
  <li class="sl-c-nav-list__item"><a href="#" class="sl-c-nav-list__link">Teach</a></li>
  <li class="sl-c-nav-list__item"><a href="#" class="sl-c-nav-list__link sl-c-nav-list__link--current">Learn</a></li>
  <li class="sl-c-nav-list__item"><a href="#" class="sl-c-nav-list__link">Make</a></li>
</ul>
/* No context defined for this component. */
  • Content:
    .sl-c-nav-list {
      display:     none;
      font-family: $font-family-serif;
      line-height: 33px;
      margin:      0;
      padding:     0;
    
      @include respond-to('narrow') {
        display: block;
      }
    
      @include respond-to('medium') {
        line-height: 36px;
      }
    }
    
    .sl-c-nav-list__item {
      color:      $sl-blue;
      display:    inline-block;
      list-style: none;
      margin:     0;
      padding:    0;
    
      &::after {
        content: ' / ';
        display: inline;
      }
    
      &:last-child::after {
        display: none;
      }
    }
    
    .sl-c-nav-list__link {
      color:           $sl-blue;
      display:         inline-block;
      text-decoration: none;
    }
    
    .sl-c-nav-list__link--current {
      font-weight: bold;
    }
    
  • URL: /components/raw/sl-c-nav-list/sl-c-nav-list.scss
  • Filesystem Path: components/slash-learning-components/nav-list/sl-c-nav-list.scss
  • Size: 661 Bytes

There are no notes for this item.