<commit_before>/*
  Foundation Top Bar

  Requires:
    -jquery.foundation.topbar.js

  Notes:
    - <nav class="top-bar"> can have .fixed added to make it stick to the top of viewport. Can add .contain-to-grid to top-bar to make it full width but content on grid.
    - <li class="name"> creates a branding area that can be linked to homepage
      - Can include text, image or both inside this <li>.
    - <li class="divider"> creates a divider between nav items, add margins for space
    - <li class="search"> Needs to hold a <form> which can use .row.collapse and pre/postfix buttons or default type="search"
*/

  /* Element that controls breakpoint, no need to change this ever */
  .top-bar-js-breakpoint { width: $topBarBreakPoint !important; visibility: hidden; }

  /* Wrapped around .top-bar to contain to grid width */
  .contain-to-grid { width: 100%; background: $topBarBgColor; }

  /* Wrapped around .top-bar to make it fixed at the top */
  .fixed { width: 100%; left: 0; position: fixed; top: 0; z-index: 99; }

  /* <nav> */
  .top-bar { background: $topBarBgColor; height: $topBarHeight; line-height: $topBarHeight; margin: 0 0 $topBarBtmMargin; padding: 0; width: 100%;

    /* Contain width to .row width */
    .contain-to-grid & { max-width: $rowWidth; margin: 0 auto; }

    /* First <ul> for branding, title, name, etc */
    &>ul {
      .name {
        h1 { line-height: $topBarHeight; margin: 0;
          a { font-weight: $topBarTitleWeight; padding: 0 $topBarHeight / 2; font-size: $topBarTitleSize !important; }
        }
        img { margin-top: -5px; vertical-align: middle; }
      }
    }

    /* topbar global <ul> styles */
    ul { display: inline; height: $topBarHeight; line-height: $topBarHeight; list-style: none;

      /* Main Navigation links style */
      &>li { float: left;
        a:not(.button) { color: $topBarLinkColor; display: block; font-size: $topBarLinkSize; font-weight: $topBarLinkWeight; height: $topBarHeight; line-height: $topBarHeight; padding: 0 $topBarHeight / 3; }
        &:hover, &.active { background: darken($topBarBgColor, 15%);
          a { color: darken($topBarLinkColor, 15%); }
        }

        /* Dividers between navigation */
        &.divider { background: darken($topBarBgColor, 15%); @include box-shadow(1px 0 0 rgba(255,255,255,0.10)); height: 100%; margin-right: 1px; width: 1px; }

        /* Put a button in an <li> but give is a class */
        &.has-button {
          a.button { margin: 0 $topBarHeight / 4; }
          &:hover { background: $topBarBgColor;
            a { color: #fff; }
          }
        }

        /* Put a search bar or text input in the bar */
        &.search { padding: 0 $topBarHeight / 3;
          form { display: inline-block; margin-bottom: 0; vertical-align: middle; width: $topBarSearchWidth;
            input[type=text] { @include border-right-radius(0); float: left; font-size: ms(0) - 1; margin-top: -1px; height: $topBarHeight / 2; //28px margin-bottom: 0; width: $topBarSearchWidth - 70px;
              &+.button { border-left: none; @include border-left-radius(0); float: left; font-size: ms(0) - 2; margin-top: -1px; padding: 5px 12px 4px; }
            }
            input[type=search] { font-size: 16px; margin-bottom: 0; }<commit_msg>added position relative to topbar ul for toggle positioning, fixes #916<commit_after>/*
  Foundation Top Bar

  Requires:
    -jquery.foundation.topbar.js

  Notes:
    - <nav class="top-bar"> can have .fixed added to make it stick to the top of viewport. Can add .contain-to-grid to top-bar to make it full width but content on grid.
    - <li class="name"> creates a branding area that can be linked to homepage
      - Can include text, image or both inside this <li>.
    - <li class="divider"> creates a divider between nav items, add margins for space
    - <li class="search"> Needs to hold a <form> which can use .row.collapse and pre/postfix buttons or default type="search"
*/

  /* Element that controls breakpoint, no need to change this ever */
  .top-bar-js-breakpoint { width: $topBarBreakPoint !important; visibility: hidden; }

  /* Wrapped around .top-bar to contain to grid width */
  .contain-to-grid { width: 100%; background: $topBarBgColor; }

  /* Wrapped around .top-bar to make it fixed at the top */
  .fixed { width: 100%; left: 0; position: fixed; top: 0; z-index: 99; }

  /* <nav> */
  .top-bar { background: $topBarBgColor; height: $topBarHeight; line-height: $topBarHeight; margin: 0 0 $topBarBtmMargin; padding: 0; width: 100%;

    /* Contain width to .row width */
    .contain-to-grid & { max-width: $rowWidth; margin: 0 auto; }

    /* First <ul> for branding, title, name, etc */
    &>ul {
      .name {
        h1 { line-height: $topBarHeight; margin: 0;
          a { font-weight: $topBarTitleWeight; padding: 0 $topBarHeight / 2; font-size: $topBarTitleSize !important; }
        }
        img { margin-top: -5px; vertical-align: middle; }
      }
    }

    /* topbar global <ul> styles */
    ul { display: inline; height: $topBarHeight; line-height: $topBarHeight; list-style: none; position: relative;

      /* Main Navigation links style */
      &>li { float: left;
        a:not(.button) { color: $topBarLinkColor; display: block; font-size: $topBarLinkSize; font-weight: $topBarLinkWeight; height: $topBarHeight; line-height: $topBarHeight; padding: 0 $topBarHeight / 3; }
        &:hover, &.active { background: darken($topBarBgColor, 15%);
          a { color: darken($topBarLinkColor, 15%); }
        }

        /* Dividers between navigation */
        &.divider { background: darken($topBarBgColor, 15%); @include box-shadow(1px 0 0 rgba(255,255,255,0.10)); height: 100%; margin-right: 1px; width: 1px; }

        /* Put a button in an <li> but give is a class */
        &.has-button {
          a.button { margin: 0 $topBarHeight / 4; }
          &:hover { background: $topBarBgColor;
            a { color: #fff; }
          }
        }

        /* Put a search bar or text input in the bar */
        &.search { padding: 0 $topBarHeight / 3;
          form { display: inline-block; margin-bottom: 0; vertical-align: middle; width: $topBarSearchWidth;
            input[type=text] { @include border-right-radius(0); float: left; font-size: ms(0) - 1; margin-top: -1px; height: $topBarHeight / 2; //28px margin-bottom: 0; width: $topBarSearchWidth - 70px;
              &+.button { border-left: none; @include border-left-radius(0); float: left; font-size: ms(0) - 2; margin-top: -1px; padding: 5px 12px 4px; }
            }
            input[type=search] { font-size: 16px; margin-bottom: 0; }
{'fraction_non_alphanumeric': 0.1363910681955341, 'fraction_numerical': 0.023385636692818346, 'mean_word_length': 2.7430830039525693, 'pattern_counts': {'":': 0, '<': 23, '<?xml version=': 0, '>': 27, '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': '6712214', 'n_tokens_mistral': 2264, 'n_tokens_neox': 2080, 'n_words': 698}