<commit_before>/* Styles for Top Bar, Title Bar */
.logo {
  width: 131px;
  padding: $base-padding*0.75 0;

  @include breakpoint(large) {
    padding: $base-padding*0.75 0 $base-padding*0.75 $base-padding;
  }
}

.header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;

  &--absolute-mobile {
    @include breakpoint(medium down) {
      position: absolute;
    }
  }
}

.top-bar {
  @extend .show-for-large;
  height: $top-bar-height;
  background: $blue-secondary-brand--light-med;

  a {
    color: $white;
    font-size: $base-font-size;
    font-weight: $font-weight-light--open-sans;
  }

  &__logo {
    display: none;

    &--roadreports {
      @extend .logo;
      width: 260px;
    }
  }

  &__item {
    @include breakpoint(large) {
      height: $top-bar-height;
    }
  }

  &__link--highlighted {
    @include breakpoint(large) {
      color: $white;
    }
  }

  .submenu {
    border: none;

    li {
      background: $blue-main-brand;

      &:nth-child(1) {
        margin-top: -$base-margin/2;
      }

      &:hover {
        background: lighten($blue-main-brand, 5%);
      }
    }

    a {
      color: $white;
    }
  }
}

.off-canvas-wrapper {
  /* for some reason foundation sets this to hidden for off-canvas by default,
  which causes issues with the cart's window.scrollTop in webkit
  So if something blows up with off-canvas, start by deleting this.  */
  backface-visibility: visible;
}

.top-nav-offset {
  margin-top: $top-bar-height + $side-nav-height;

  @include breakpoint (medium down) {
    margin-top: $top-bar-height;
  }

  &--styleguide {
    margin-top: 19px;
  }
}

.title-bar {
  height: $top-bar-height;

  @include breakpoint (medium down) {
    padding: 0 $base-padding;
  }

  &__logo {
    @extend .logo;
    margin-left: auto;
    margin-right: auto;

    &--roadreports {
      @extend .logo;
      @extend .title-bar__logo;
      width: 260px;
    }
  }
}

.menu-icon {
  @include vertical-center;
  cursor: pointer;
  width: 20px;
  height: 16px;

  &::after {
    position: absolute;
    display: block;
    width: 100%;
    height: 3px;
    background: $cerulean;
    box-shadow: 0 7px 0 $cerulean, 0 14px 0 $cerulean; //This creates the menu icon
    content: "";
    top: 0;
    left: 0;
  }

  &--pin {
    color: $cerulean;
    font-size: $base-font-size*2;
    padding-top: $base-padding*0.7;
    top: 0;
    right: 0;
  }
}

.page-header {
  margin-bottom: $base-margin*2;
  overflow: auto;
  background: $blue-secondary-brand--light-med;
  font-family: "Knockout-48", "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  text-transform: uppercase;
  font-weight: 100;

  &__heading {
    padding: 2rem;
    color: $white;
    background: $blue-secondary-brand--light-med;

    &--split {
      @extend .page-header;
      @extend .page-header__heading;
      @include small-6;
      float: left;
      margin-bottom: 0;
      padding-left: $base-padding*2 !important; //temporary v3 fix
    }
  }

  &__sub-text {
    @include small-6;
    background: $blue-secondary-brand--light-med;
    color: $white;
    font-size: $large-font-size;
    text-align: right;
    float: right;
    padding: 2.5rem 2rem !important; //temporary v3 fix


    @include breakpoint (small only) {
      padding-top: $base-padding*2;
    }

  }
}

h2.page-header__heading--split { //temporary v3 fix
  font-size: 60px;

  @include breakpoint (small only) {
    font-size: 40px;
  }
}

.menu {
  a {
    line-height: 2;
  }

  .button__link {
    background: none;
    padding: 0.7rem 1rem;
    line-height: 2;
    margin-bottom: 0;
  }

  .header__link {
    color: $white;

    &:hover {
      color: $white;
    }
  }

  .side-nav__link {
    text-align: left;
    font-weight: $font-weight-bold--open-sans;
  }
}

.dropdown.menu {
  .is-dropdown-submenu-parent .link--no-underline {
    padding-right: 2rem;

    &::after {
      color: $white;
      content: fa-content($fa-var-chevron-down);
      border: none;
      font-family: "Font Awesome 5 Free";
      margin-left: $base-margin;
      font-weight: $fa-solid;
      right: 23px;
      top: 15px;
    }
  }
}
<commit_msg>top bar logo styling<commit_after>/* Styles for Top Bar, Title Bar */
.logo {
  width: 131px;
  padding: $base-padding*0.75 0;

  @include breakpoint(large) {
    padding: $base-padding*0.75 0 $base-padding*0.75 $base-padding;
  }
}

.header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;

  &--absolute-mobile {
    @include breakpoint(medium down) {
      position: absolute;
    }
  }
}

.top-bar {
  @extend .show-for-large;
  height: $top-bar-height;
  background: $blue-secondary-brand--light-med;

  a {
    color: $white;
    font-size: $base-font-size;
    font-weight: $font-weight-bold--open-sans;
  }

  &__logo {
    margin-left: $base-margin;
    width: 160px;
    position: absolute;
    top: 65px;

    &--roadreports {
      @extend .logo;
      width: 260px;
    }
  }

  &__item {
    @include breakpoint(large) {
      height: $top-bar-height;
    }
  }

  &__link--highlighted {
    @include breakpoint(large) {
      color: $white;
    }
  }

  .submenu {
    border: none;

    li {
      background: $blue-main-brand;

      &:nth-child(1) {
        margin-top: -$base-margin/2;
      }

      &:hover {
        background: lighten($blue-main-brand, 5%);
      }
    }

    a {
      color: $white;
    }
  }
}

.off-canvas-wrapper {
  /* for some reason foundation sets this to hidden for off-canvas by default,
  which causes issues with the cart's window.scrollTop in webkit
  So if something blows up with off-canvas, start by deleting this.  */
  backface-visibility: visible;
}

.top-nav-offset {
  margin-top: $top-bar-height + $side-nav-height;

  @include breakpoint (medium down) {
    margin-top: $top-bar-height;
  }

  &--styleguide {
    margin-top: 19px;
  }
}

.title-bar {
  height: $top-bar-height;

  @include breakpoint (medium down) {
    padding: 0 $base-padding;
  }

  &__logo {
    @extend .logo;
    margin-left: auto;
    margin-right: auto;

    &--roadreports {
      @extend .logo;
      @extend .title-bar__logo;
      width: 260px;
    }
  }
}

.menu-icon {
  @include vertical-center;
  cursor: pointer;
  width: 20px;
  height: 16px;

  &::after {
    position: absolute;
    display: block;
    width: 100%;
    height: 3px;
    background: $cerulean;
    box-shadow: 0 7px 0 $cerulean, 0 14px 0 $cerulean; //This creates the menu icon
    content: "";
    top: 0;
    left: 0;
  }

  &--pin {
    color: $cerulean;
    font-size: $base-font-size*2;
    padding-top: $base-padding*0.7;
    top: 0;
    right: 0;
  }
}

.page-header {
  margin-bottom: $base-margin*2;
  overflow: auto;
  background: $blue-secondary-brand--light-med;
  font-family: "Knockout-48", "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  text-transform: uppercase;
  font-weight: 100;

  &__heading {
    padding: 2rem;
    color: $white;
    background: $blue-secondary-brand--light-med;

    &--split {
      @extend .page-header;
      @extend .page-header__heading;
      @include small-6;
      float: left;
      margin-bottom: 0;
      padding-left: $base-padding*2 !important; //temporary v3 fix

      h1{
        font-family: "Knockout-48", "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
        text-transform: uppercase;
        font-weight: 100;
      }
    }
  }

  &__sub-text {
    @include small-6;
    background: $blue-secondary-brand--light-med;
    color: $white;
    font-size: $large-font-size;
    text-align: right;
    float: right;
    padding: 2.5rem 2rem !important; //temporary v3 fix


    @include breakpoint (small only) {
      padding-top: $base-padding*2;
    }

  }
}

h2.page-header__heading--split { //temporary v3 fix
  font-size: 60px;

  @include breakpoint (small only) {
    font-size: 40px;
  }
}

.menu {
  a {
    line-height: 2;
  }

  .button__link {
    background: none;
    padding: 0.7rem 1rem;
    line-height: 2;
    margin-bottom: 0;
  }

  .header__link {
    color: $white;

    &:hover {
      color: $white;
    }
  }

  .side-nav__link {
    text-align: left;
    font-weight: $font-weight-bold--open-sans;
  }
}

.dropdown.menu {
  .is-dropdown-submenu-parent .link--no-underline {
    padding-right: 2rem;

    &::after {
      color: $white;
      content: fa-content($fa-var-chevron-down);
      border: none;
      font-family: "Font Awesome 5 Free";
      margin-left: $base-margin;
      font-weight: $fa-solid;
      right: 23px;
      top: 15px;
    }
  }
}

{'fraction_non_alphanumeric': 0.14924154025670947, 'fraction_numerical': 0.02252042007001167, 'mean_word_length': 2.2626570232204033, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, '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': '5031109', 'n_tokens_mistral': 3387, 'n_tokens_neox': 3152, 'n_words': 697}