There are no notes for this item.

<ul class="breadcrumb">
    <li class="breadcrumb__item breadcrumb__item--parallel">
        <a href="#" class="link">Thing1</a>
    </li>
    <li class="breadcrumb__item breadcrumb__item--parallel breadcrumb__item--selected">
        <a href="#" class="link">Thing2</a>
    </li>
    <li class="breadcrumb__item breadcrumb__item--parallel">
        <a href="#" class="link">Thing3</a>
    </li>
</ul>
  • Content:
    /*------------------------------------*\
        #BREADCRUMB PARALLEL
    \*------------------------------------*/
    
    // Check Breadcrumb Hierarchical CSS
    
    .breadcrumb__item--parallel + .breadcrumb__item--parallel:before {
      content: "";
      width: 1px;
      height: 12px;
      background-color: $color-default;
      top: 3px;
    }
    
  • URL: /components/raw/breadcrumb-parallel/breadcrumb-parallel.scss
  • Filesystem Path: components/02-atoms/10-breadcrumb-parallel/breadcrumb-parallel.scss
  • Size: 308 Bytes