Cisco Atomic Pattern Library

Breadcrumb parallel: Default

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--default">
        <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