<commit_before>@include breakpoint($mq-topnav-visible) {

  .hamburger,
  .topnav-mask,
  .topnav-toggle {
    display: none;
  }

  #topnav {
    --nav-section: 26px;
    --nav-section-hover: 35px;
    @include breakpoint($mq-site-header-tall) {
      --nav-section: 48px;
      --nav-section-hover: 53px;
    }
    display: flex;
    section {
      position: relative;
      height: var(--nav-section);
      > a {
        color: $c-font-page;
        text-shadow: $text-shadow;
        display: block;
        height: var(--nav-section);
        line-height: $site-header-height;
        padding: 0 0.7rem;
        text-transform: uppercase;
        border-left: 2px solid transparent;
        @media (hover: none) {
          pointer-events: none;
        }
      }
      &:hover,
      &:active {
        > a {
          height: var(--nav-section-hover);
          background: $c-bg-header-dropdown;
          color: $c-header-dropdown;
          border-color: $c-primary;
        }
        div {
          display: block;
        }
      }
    }
    div {
      display: none;
      position: absolute;
      left: 0;
      background: $c-bg-header-dropdown;
      width: 10rem;
      box-shadow: 2px 5px 6px rgba(0, 0, 0, 0.3);
      border-radius: 0 3px 3px 3px;
      border-left: 2px solid $c-primary;
      a {
        display: block;
        padding: .4rem .7rem;
        @media (hover: none) {<commit_msg>use min-width for topnav dropdown<commit_after>@include breakpoint($mq-topnav-visible) {

  .hamburger,
  .topnav-mask,
  .topnav-toggle {
    display: none;
  }

  #topnav {
    --nav-section: 26px;
    --nav-section-hover: 35px;
    @include breakpoint($mq-site-header-tall) {
      --nav-section: 48px;
      --nav-section-hover: 53px;
    }
    display: flex;
    section {
      position: relative;
      height: var(--nav-section);
      > a {
        color: $c-font-page;
        text-shadow: $text-shadow;
        display: block;
        height: var(--nav-section);
        line-height: $site-header-height;
        padding: 0 0.7rem;
        text-transform: uppercase;
        border-left: 2px solid transparent;
        @media (hover: none) {
          pointer-events: none;
        }
      }
      &:hover,
      &:active {
        > a {
          height: var(--nav-section-hover);
          background: $c-bg-header-dropdown;
          color: $c-header-dropdown;
          border-color: $c-primary;
        }
        div {
          display: block;
        }
      }
    }
    div {
      display: none;
      position: absolute;
      left: 0;
      background: $c-bg-header-dropdown;
      min-width: 10rem;
      box-shadow: 2px 5px 6px rgba(0, 0, 0, 0.3);
      border-radius: 0 3px 3px 3px;
      border-left: 2px solid $c-primary;
      a {
        display: block;
        padding: .4rem .7rem;
        @media (hover: none) {
{'fraction_non_alphanumeric': 0.13696715583508037, 'fraction_numerical': 0.020964360587002098, 'mean_word_length': 1.6484736355226641, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 7, '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': '4614760', 'n_tokens_mistral': 1015, 'n_tokens_neox': 955, 'n_words': 206}