dxw style

Breadcrumbs 

<header role="banner" id="global-header" class="">
    <div class="grid-container">
        <div class="column-full">
            <a id="logo-link" href="/"><img src="../../images/sbc-logo.png" alt="Small Business Commissioner"/></a>
        </div>
    </div>
</header>

<nav role="navigation" id="main-nav" class="main-nav">
    <div class="grid-container">
        <div class="column-full">
            <a href="#" class="active">Home</a>
            <a href="#">Elit Purus</a>
            <a href="#">Tellus</a>
            <a href="#">Justo Vulputate</a>
            <a href="#">Aenean</a>
            <a href="javascript:void(0);" class="icon" onclick="toggleMainNav()">&#9776; <small>Menu</small></a>
        </div>
    </div>
</nav>

<div class="grid-container">
    <div class="column-full">
        <!-- component starts -->
        <div class="breadcrumbs">
            <ol>
                <li>
                    <a href="#">Home</a>
                </li>
                <li>
                    <a href="#">Deal with an unpaid invoice</a>
                </li>
            </ol>
        </div>
        <!-- component ends -->
    </div>
</div>
 
{% include '@main-nav' %}
<div class="grid-container">
  <div class="column-full">
    <!-- component starts -->
    <div class="breadcrumbs">
      <ol>
        <li>
          <a href="#">Home</a>
        </li>
        <li>
          <a href="#">Deal with an unpaid invoice</a>
        </li>
      </ol>
    </div>
    <!-- component ends -->
  </div>
</div>
 
/* No context defined for this component. */
  • Content: 
    .breadcrumbs {
  @include clearfix;
  margin-top: $gutter * 2;
  ol {
    @include clearfix;

    padding-left: 0;

    li {
      float: left;
      background-image: url("../images/separator.png");
      background-position: 0% 55%;
      background-repeat: no-repeat;
      margin-left: 0.6em;
      margin-bottom: 0.4em;
      padding-left: 0.9em;

      &:first-child {
        background-image: none;
        margin-left: 0;
        padding-left: 0;
      }
    }
  }
}
  • URL: /components/raw/breadcrumbs/breadcrumbs.scss
  • Filesystem Path: components/breadcrumbs/breadcrumbs.scss
  • Size: 476 Bytes

There are no notes for this item.