Fractal Starter
Project version : 0.1.2

Nav Breadcrumb

<nav class="breadcrumb">
    <ol>
        <li class="item-first">
            <a href="/" title="Accueil">
            Accueil
         </a>
        </li>

        <li class="item-last">
            <span>Current page</span>
        </li>
    </ol>
</nav>
<nav class="breadcrumb">
   <ol>
      <li class="item-first">
         <a href="/" title="Accueil">
            Accueil
         </a>
      </li>
         
      <li class="item-last">
         <span>Current page</span>
      </li>
   </ol>
</nav>
/* No context defined for this component. */
  • Content:
    .breadcrumb {
    
       font-family: $font-primary;
    
       > ol {
          @extend .lst__unstyled;
    
          span a {
             display: inline-block;
             position: relative;
             text-decoration: none;
             color: $c-font-color;
    
             &:hover, &:focus {
                text-decoration: underline;
             }
    
             &:not(:last-of-type)::after {
                content: '';
                display: inline-block;
                width: 12px;
                height: 12px;
                margin-left: 5px;
                background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg aria-hidden='true' data-prefix='fas' data-icon='chevron-right' class='svg-inline--fa fa-chevron-right fa-w-10' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23BDA450' d='M285.476 272.971L91.132 467.314c-9.373 9.373-24.569 9.373-33.941 0l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505 256 34.484 101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373 24.569-9.373 33.941 0L285.475 239.03c9.373 9.372 9.373 24.568.001 33.941z'/%3E%3C/svg%3E");
                background-size: auto 15px;
                background-repeat: no-repeat;
                background-position: center;
             }
          }
       }
    }
  • URL: /components/raw/nav-breadcrumb/nav-breadcrumb.scss
  • Filesystem Path: components/06-components/01-navs/02-nav-breadcrumb/nav-breadcrumb.scss
  • Size: 1.2 KB

There are no notes for this item.