<commit_before>.cssnext-Header {
  line-height: var(--cssnext-Header-height);
}

@media (--r-minM) {
  .cssnext-Header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: color(#fff a(.99));
    z-index: 1; /* on top of position relative <a> */
    box-shadow: 0 0 .5rem color(#000 a(.1));
  }
}

  .cssnext-Header-logo {
    display: block;
    text-align: center;
  }
  @media (--r-minM) {
    .cssnext-Header-logo {
      display: inline-block;
      margin: 0 1.5rem 0 0 !important;
    }
  }

    /* remvove default link effect */
    .cssnext-Header-logo::before {display: none}

    .cssnext-Header-logo-img {
      height: var(--r-lineHeight);
      width: auto;
      vertical-align: middle;
      display: inline-block;
    }

      .cssnext-Header-logo-img-svg {
        display: block;
      }

    .cssnext-Header-version {
      font-size: .725rem;
      padding: 0 1rem;
      transition: .2s;
    }

    @media (--r-minM) {
      .cssnext-Header-version {
        position: absolute;
        bottom: -1.2rem;
        right: 4rem;

        line-height: 1;
        color: #fff;
        opacity: .4;
      }


      .cssnext-Header-logo:hover .cssnext-Header-version {
          opacity: .8;
      }
    }

  .cssnext-Header-nav {

  }
    @media (--r-maxM) {
      .cssnext-Header-nav {
        display: block;
        text-align: center;
      }
    }
    @media (--r-minM) {
      .cssnext-Header-nav {
        text-align: right
      }
    }

    .cssnext-Header-nav-item {
      padding: 0 1rem;
      display: inline-block;
      height: var(--cssnext-Header-height);
    }

    /* adjust link underline position */
    .cssnext-Header-nav-item::before {
      bottom: calc((var(--cssnext-Header-height) / 2) - 1rem);
      transform: scaleX(0.50) translateY(0.1rem)
    }

    .cssnext-Header-nav-item:hover::before,
    .cssnext-Header-nav-item:focus::before {
      transform: scaleX(.65);
    }

      .cssnext-Header-nav-item--active,
      .cssnext-Header-nav-item--active:visited {
        color: #fff;
        background:
          linear-gradient(
            160deg,
            color(var(--cssnext-Color-blue) a(.9)),
            color(var(--cssnext-Color-purple) a(.9))
          )
        ;
      }

.js-Headroom {
  transition: .2s;
}

  .js-Headroom--show {

  }

  .js-Headroom--hide {
    transform: translateY(-100%);
  }

  @media (--r-minXL) {
    .js-Headroom--hide .cssnext-Header-logo {
      position: fixed;
      transform: translateY(100%);
      top: 0;
      left: 2rem;
    }

    .js-Headroom--hide .cssnext-Header-version {
      color: #000
    }<commit_msg>Documentation: add a drop shadow on logo when header is hidden<commit_after>.cssnext-Header {
  line-height: var(--cssnext-Header-height);
}

@media (--r-minM) {
  .cssnext-Header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: color(#fff a(.99));
    z-index: 1; /* on top of position relative <a> */
    box-shadow: 0 0 .5rem color(#000 a(.1));
  }
}

  .cssnext-Header-logo {
    display: block;
    text-align: center;
  }
  @media (--r-minM) {
    .cssnext-Header-logo {
      display: inline-block;
      margin: 0 1.5rem 0 0 !important;
    }
  }

    /* remvove default link effect */
    .cssnext-Header-logo::before {display: none}

    .cssnext-Header-logo-img {
      height: var(--r-lineHeight);
      width: auto;
      vertical-align: middle;
      display: inline-block;
    }

      .cssnext-Header-logo-img-svg {
        display: block;
      }

    .cssnext-Header-version {
      font-size: .725rem;
      padding: 0 1rem;
      transition: .2s;
    }

    @media (--r-minM) {
      .cssnext-Header-version {
        position: absolute;
        bottom: -1.2rem;
        right: 4rem;

        line-height: 1;
        color: #fff;
        opacity: .4;
      }


      .cssnext-Header-logo:hover .cssnext-Header-version {
          opacity: .8;
      }
    }

  .cssnext-Header-nav {

  }
    @media (--r-maxM) {
      .cssnext-Header-nav {
        display: block;
        text-align: center;
      }
    }
    @media (--r-minM) {
      .cssnext-Header-nav {
        text-align: right
      }
    }

    .cssnext-Header-nav-item {
      padding: 0 1rem;
      display: inline-block;
      height: var(--cssnext-Header-height);
    }

    /* adjust link underline position */
    .cssnext-Header-nav-item::before {
      bottom: calc((var(--cssnext-Header-height) / 2) - 1rem);
      transform: scaleX(0.50) translateY(0.1rem)
    }

    .cssnext-Header-nav-item:hover::before,
    .cssnext-Header-nav-item:focus::before {
      transform: scaleX(.65);
    }

      .cssnext-Header-nav-item--active,
      .cssnext-Header-nav-item--active:visited {
        color: #fff;
        background:
          linear-gradient(
            160deg,
            color(var(--cssnext-Color-blue) a(.9)),
            color(var(--cssnext-Color-purple) a(.9))
          )
        ;
      }

.js-Headroom {
  transition: .2s;
}

  .js-Headroom--show {

  }

  .js-Headroom--hide {
    transform: translateY(-100%);
  }

  @media (--r-minXL) {
    .js-Headroom--hide .cssnext-Header-logo {
      position: fixed;
      transform: translateY(100%);
      top: 0;
      left: 2rem;
      filter:
        drop-shadow(0 0 1px #fff)
        drop-shadow(0 0 6px #fff)
      ;
    }

    .js-Headroom--hide .cssnext-Header-version {
      color: #000
    }
{'fraction_non_alphanumeric': 0.15505451857327665, 'fraction_numerical': 0.02254666420255036, 'mean_word_length': 1.7347145022738757, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 5, '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': '4102224', 'n_tokens_mistral': 2038, 'n_tokens_neox': 1900, 'n_words': 347}