Web Toolkit

image/svg+xml GitHub

Breadcrumb 

<nav aria-label="sei qui:" role="navigation">
    <ul class="Breadcrumb">
        <li class="Breadcrumb-item"><a class="Breadcrumb-link u-color-50" href="/">Home</a></li>
        <li class="Breadcrumb-item"><a class="Breadcrumb-link u-color-50" href="/">pagina interna</a></li>
        <li class="Breadcrumb-item"><a class="Breadcrumb-link u-color-50" href="/">pagina interna</a></li>
        <li class="Breadcrumb-item"><a class="Breadcrumb-link u-color-50" href="#main">pagina corrente</a></li>
    </ul>
</nav>
  • Content: 
    /** @define Breadcrumb; */

.Breadcrumb-item {
  @extend .u-inline;
}

.Breadcrumb-link {
  @extend .u-textClean;
  @extend .u-text-r-xs;
  @extend .u-textWeight-700;
  @extend .u-padding-right-xs;
}

.Breadcrumb-item::after {
  @extend .u-margin-right-xs;

  content: " › ";
}

.Breadcrumb-item:last-child::after {
  content: none;
}
  • URL: /components/raw/breadcrumb/index.css
  • Filesystem Path: src/components/breadcrumb/index.css
  • Size: 337 Bytes

There are no notes for this item.