<commit_before>// ==========================================================
/* § /objects/navigations.scss */
//
// Basic styling for all site-navigation elements
// DOCS: http://csswizardry.com/2011/09/the-nav-abstraction/
// ==========================================================


/* =============================================================================
$ Navigations
================================================================================ */
/**
 * When used on an `ol` or `ul` wrapper, this class throws the list into horizontal mode
 * e.g.:
 *
   <nav class="nav" role="navigation">
     <ul>
         <li><a href=#>Home</a></li>
         <li><a href=#>About</a></li>
         <li><a href=#>Portfolio</a></li>
         <li><a href=#>Contact</a></li>
     </ul>
   </nav>
 *
 */
.nav {
  ul, ol { @extend %reset-list; }
  li { @extend %inline-block; }
  a {
    display: block;
    &:hover { }
  }
  .active a { }
}

/* ======================= Stacked Navigation ======================= */
/* Throws the list into vertical mode - used for DropDowns etc. */
/*.nav*/.stacked li {
  display: list-item;
}

/* ========================= Fit Navigation ========================= */
/* Force a nav to occupy 100% of the available width of its parent. Extends
 * Thanks to @pimpl for this idea! */
.nav--fit {
  @if $oldIE == true {
    ul {
      display: table;<commit_msg>Added a html css comment on .nav--fit<commit_after>// ==========================================================
/* § /objects/navigations.scss */
//
// Basic styling for all site-navigation elements
// DOCS: http://csswizardry.com/2011/09/the-nav-abstraction/
// ==========================================================


/* =============================================================================
$ Navigations
================================================================================ */
/**
 * When used on an `ol` or `ul` wrapper, this class throws the list into horizontal mode
 * e.g.:
 *
   <nav class="nav" role="navigation">
     <ul>
         <li><a href=#>Home</a></li>
         <li><a href=#>About</a></li>
         <li><a href=#>Portfolio</a></li>
         <li><a href=#>Contact</a></li>
     </ul>
   </nav>
 *
 */
.nav {
  ul, ol { @extend %reset-list; }
  li { @extend %inline-block; }
  a {
    display: block;
    &:hover { }
  }
  .active a { }
}

/* ======================= Stacked Navigation ======================= */
/* Throws the list into vertical mode - used for DropDowns etc. */
/*.nav*/.stacked li {
  display: list-item;
}

/* ========================= Fit Navigation ========================= */
/* Force a nav to occupy 100% of the available width of its parent. Extends
 * Thanks to @pimpl for this idea! */
/*.nav*/.nav--fit {
  @if $oldIE == true {
    ul {
      display: table;
{'fraction_non_alphanumeric': 0.40014164305949007, 'fraction_numerical': 0.006373937677053824, 'mean_word_length': 3.462875197472354, 'pattern_counts': {'":': 0, '<': 43, '<?xml version=': 0, '>': 43, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '806722', 'n_tokens_mistral': 850, 'n_tokens_neox': 776, 'n_words': 209}