<commit_before>/*
 *------------------------------------------------------------------------------
 * Navigation
 *------------------------------------------------------------------------------
 */

#main-nav
  @extend %transition-navigation
  +display-box
  position: absolute
  z-index: 20
  top: 1.2em
  right: 1em
  margin: 0
  padding: 0
  list-style: none
  font-size: 0.9em

  &:hover,
    a, a.active
      color: rgba(white, 0.6)

      &:hover,
      &:focus
        color: white

  a
    @extend %transition-navigation
    display: inline-block
    margin: 0 0.3em
    padding: 0.1em 0.8em
    border: 1px solid transparent
    font-family: $font-sans
    text-transform: uppercase
    color: rgba(white, 0.8)
    &.active
      color: white

#taller-flag
  position: fixed
  left: 1em
  top: 0
  padding: 0.3em
  padding-bottom: 0.25em
  border: 1px solid rgba(0, 0, 0, 0.15)
  border-top: none
  border-radius: 0 0 2em 2em
  box-shadow: 0px 1px 5px -2px rgba(0, 0, 0, 0.3), inset 0 -2px 3px -1px rgba(0, 0, 0, 0.2)
  background-color: white
  transition: ease 100ms
  &:hover
    padding-top: 0.5em
  img
    width: 1.5em

  // Smart looping the breakpoint of type screen width.
  $font-size-current: 1.8em
  @each $breakpoint in get-breakpoint-group("width" "screen")
    +breakpoint(nth($breakpoint, 1))
      font-size: $font-size-current
      $font-size-current: $font-size-current - 0.1em<commit_msg>fixed main-nav display<commit_after>/*
 *------------------------------------------------------------------------------
 * Navigation
 *------------------------------------------------------------------------------
 */

#main-nav
  @extend %transition-navigation
  +display-box
  position: absolute
  z-index: 20
  top: 1.2em
  right: 1em
  margin: 0
  padding: 0
  list-style: none
  font-size: 0.9em

  &:hover,
    a, a.active
      color: rgba(white, 0.6)

      &:hover,
      &:focus
        color: white

  a
    @extend %transition-navigation
    display: inline-block
    margin: 0 0.3em
    padding: 0.1em 0.8em
    border: 1px solid transparent
    font-family: $font-sans
    text-transform: uppercase
    color: rgba(white, 0.8)
    &.active
      color: white

  li
    display: inline-block

#taller-flag
  position: fixed
  left: 1em
  top: 0
  padding: 0.3em
  padding-bottom: 0.25em
  border: 1px solid rgba(0, 0, 0, 0.15)
  border-top: none
  border-radius: 0 0 2em 2em
  box-shadow: 0px 1px 5px -2px rgba(0, 0, 0, 0.3), inset 0 -2px 3px -1px rgba(0, 0, 0, 0.2)
  background-color: white
  transition: ease 100ms
  &:hover
    padding-top: 0.5em
  img
    width: 1.5em

  // Smart looping the breakpoint of type screen width.
  $font-size-current: 1.8em
  @each $breakpoint in get-breakpoint-group("width" "screen")
    +breakpoint(nth($breakpoint, 1))
      font-size: $font-size-current
      $font-size-current: $font-size-current - 0.1em
{'fraction_non_alphanumeric': 0.21986800972559917, 'fraction_numerical': 0.04793331017714484, 'mean_word_length': 1.7718960538979789, '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': '5629961', 'n_tokens_mistral': 1108, 'n_tokens_neox': 982, 'n_words': 270}