e</a></li>
      <li><a href="#"><img zf-iconic icon="thumb" size="small" class="iconic-color-primary">Item Bee</a></li>
    </ul>
  </div>
</div>

<hr>

<h3>Sass Mixins</h3>

<p>Use the menu bar mixins to create this component with custom classes and settings.</p>

<hljs>
.custom-menu-bar {
  // This placeholder selector gets you the core structural styles for the menu
  @extend %menu-bar;

  // Set the orientation and sizing of the menu bar
  @include menu-bar-layout(
    $orientation: horizontal, // Can 