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

  @include breakpoint(large){
    padding: $base-padding*.75 0 $base-padding*.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: $white;

  &__logo{
    @extend .logo;

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

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

      &--highlighted{
        @extend .top-bar__item;
        background: $brand-blue-light;
      }
    }
  }

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

  .submenu{
    border: none;

    li{
      background: $cerulean;

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

      &:hover{
        background: lighten($cerulean, 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;

  &--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;
      width: 70%;
      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;
    @extend .fa;
    @extend .fa-map-marker;
  }
}

.page-header{
  margin-bottom: $base-margin;
  overflow: auto;
  background: $brand-blue-light;

  &__heading{
    @extend .heading;
    background: $brand-blue-light;

    &--split{
      @extend .page-header__heading;
      @include small-6;
    }
  }

  &__sub-text{
    @extend .heading;
    @include small-6;
    background: $brand-blue-light;
    font-style: italic;
    font-size: 1.25rem;
    text-align: right;
  }
}<commit_msg>adjusting lineheight to fix alignment of links next to the notification bell<commit_after>/* Styles for Top Bar, Title Bar */
.logo{
  width: 131px;
  padding: $base-padding*.75 0;

  @include breakpoint(large){
    padding: $base-padding*.75 0 $base-padding*.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: $white;

  &__logo{
    @extend .logo;

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

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

      &--highlighted{
        @extend .top-bar__item;
        background: $brand-blue-light;
      }
    }
  }

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

  .submenu{
    border: none;

    li{
      background: $cerulean;

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

      &:hover{
        background: lighten($cerulean, 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;

  &--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;
    @extend .fa;
    @extend .fa-map-marker;
  }
}

.page-header{
  margin-bottom: $base-margin;
  overflow: auto;
  background: $brand-blue-light;

  &__heading{
    @extend .heading;
    background: $brand-blue-light;

    &--split{
      @extend .page-header__heading;
      @include small-6;
    }
  }

  &__sub-text{
    @extend .heading;
    @include small-6;
    background: $brand-blue-light;
    font-style: italic;
    font-size: 1.25rem;
    text-align: right;
  }
}

.menu{
  a{
    line-height: 2;
  }
}
{'fraction_non_alphanumeric': 0.14655797101449275, 'fraction_numerical': 0.021557971014492753, 'mean_word_length': 2.2457378012933567, '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': '4503603', 'n_tokens_mistral': 2182, 'n_tokens_neox': 2027, 'n_words': 475}