/*!
 * Navigation abstraction
 *
 * @package #{$package_name()}
 * @path objects/_navigations.scss
 * @author Tyll Weiß <t.weiss@exinit.de>
 * @link http://csswizardry.com/2011/09/the-nav-abstraction/
 */


/* =============================================================================
$ Navigation Object
================================================================================
 * Throws a list into horizontal mode
 * e.g.:
 *
  <ul class="nav">
      <li><a href="">Home</a></li>
      <li><a href="">About</a></li>
      <li><a href="">Products</a></li>
      <li><a href="">Contact</a></li>
  </ul>
================================================================================ */
.nav {
  @extend %reset-list;
  li { display: inline-block; }
  a { display: block; }
}

/* ======================= Stacked Navigation =======================
 * Throws a list into vertical mode
 */
.nav--stacked li {
  display: list-item;
}

/* ========================= Fit Navigation =========================
 * Force a nav to occupy 100% of the available width of its parent.
 * Thanks to @pimpl for this idea!
 */
.nav--fit {
  display: table;
  width: 100%;
  > li {
    display: table-cell;
  }
}

/* ======================== Main Navigation ========================= */
.site-nav {
  li { }
  a { }
  .active a { }
}

/* ======================== Footer Navigation ======================== */
.footer-nav {
  li { }
  a { }
  .active a { }
}
/*!
 * Navigation abstraction
 *
 * @package #{$package_name()}
 * @path objects/_navigations.scss
 * @author Tyll Weiß <t.weiss@exinit.de>
 * @link http://csswizardry.com/2011/09/the-nav-abstraction/
 */


/* =============================================================================
$ Navigation Object
================================================================================
 * Throws a list into horizontal mode
 * e.g.:
 *
  <ul class="nav">
      <li><a href="">Home</a></li>
      <li><a href="">About</a></li>
      <li><a href="">Products</a></li>
      <li><a href="">Contact</a></li>
  </ul>
================================================================================ */
.nav {
  @extend %reset-list;
  li { display: inline-block; }
  a { display: block; }
}

/* ======================= Stacked Navigation =======================
 * Throws a list into vertical mode
 */
.nav--stacked li {
  display: list-item;
}

/* ========================= Fit Navigation =========================
 * Force a nav to occupy 100% of the available width of its parent.
 * Thanks to @pimpl for this idea!
 */
.nav--fit {
  display: table;
  width: 100%;
  > li {
    display: table-cell;
  }
}
Remove the navigation placeholder sections
Remove the navigation placeholder sections
