<commit_before>/* --------------------------------
Main Components
-------------------------------- */

.cd-header {
  height: 80px;
  width: 90%;
  margin: 0 auto;
  transition: transform $animation-duration;
  @include clearfix;
  /* Force Hardware Acceleration in WebKit */
  transform: translateZ(0);
  backface-visibility: hidden;
  &.fixed {
    display: block;
    left: 50%;
    position: fixed;
    text-align: center;
    top: 0;
    transform: translateX(-50%) translateZ(0);
    z-index: 1;

    &.nav-is-visible {
      transform: translateX(-50%) translateY($nav-height-S);
    }

    @include MQ(M) {

      &.nav-is-visible {
        transform: translateX(-50%) translateY($nav-height-M);
      }
    }
  }

  &.nav-is-visible {
    transform: translateY($nav-height-S);
  }

  @include MQ(M) {

    &.nav-is-visible {
      transform: translateY($nav-height-M);
    }
  }
}

.cd-3d-nav-container {
  /* this is the 3D navigation container */
  position: fixed;
  top: 0;
  left: 0;
  height: $nav-height-S;
  width: 100%;
  background-color: $nav-container-bg;
  visibility: hidden;
  /* enable a 3D-space for children elements */
  perspective: 1000px;
  transform: translateY(-100%);
  transition: transform $animation-duration 0s, visibility 0s $animation-duration;

  &.nav-is-visible {
    visibility: visible;
    transform: translateY(0);
    transition: transform $animation-duration 0s, visibility $animation-duration 0s;
  }

  @include MQ(M) {
    height: $nav-height-M;
  }
}

.cd-3d-nav {
  grid {
    height: 100%;
    centered {
      > * {
        position: relative;
        min-height: 1px;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
      }
    }
  }
  /* this is the 3D rotating navigation */
  position: relative;
  height: 100%;
  background-color: $nav-bg;

  /* Force Hardware Acceleration */
  transform: translateZ(0);
  backface-visibility: hidden;

  transform-origin: center bottom;
  transform: rotateX(90deg);
  transition: transform $animation-duration;<commit_msg>Get child full width and height<commit_after>/* --------------------------------
Main Components
-------------------------------- */

.cd-header {
  height: 80px;
  width: 90%;
  margin: 0 auto;
  transition: transform $animation-duration;
  @include clearfix;
  /* Force Hardware Acceleration in WebKit */
  transform: translateZ(0);
  backface-visibility: hidden;
  &.fixed {
    display: block;
    left: 50%;
    position: fixed;
    text-align: center;
    top: 0;
    transform: translateX(-50%) translateZ(0);
    z-index: 1;

    &.nav-is-visible {
      transform: translateX(-50%) translateY($nav-height-S);
    }

    @include MQ(M) {

      &.nav-is-visible {
        transform: translateX(-50%) translateY($nav-height-M);
      }
    }
  }

  &.nav-is-visible {
    transform: translateY($nav-height-S);
  }

  @include MQ(M) {

    &.nav-is-visible {
      transform: translateY($nav-height-M);
    }
  }
}

.cd-3d-nav-container {
  /* this is the 3D navigation container */
  position: fixed;
  top: 0;
  left: 0;
  height: $nav-height-S;
  width: 100%;
  background-color: $nav-container-bg;
  visibility: hidden;
  /* enable a 3D-space for children elements */
  perspective: 1000px;
  transform: translateY(-100%);
  transition: transform $animation-duration 0s, visibility 0s $animation-duration;

  &.nav-is-visible {
    visibility: visible;
    transform: translateY(0);
    transition: transform $animation-duration 0s, visibility $animation-duration 0s;
  }

  @include MQ(M) {
    height: $nav-height-M;
  }
}

.cd-3d-nav {
  grid {
    height: 100%;
    centered {
      > * {
        left: 0;
        position: absolute;
        width: 100%;
      }
    }
  }
  /* this is the 3D rotating navigation */
  position: relative;
  height: 100%;
  background-color: $nav-bg;

  /* Force Hardware Acceleration */
  transform: translateZ(0);
  backface-visibility: hidden;

  transform-origin: center bottom;
  transform: rotateX(90deg);
  transition: transform $animation-duration;
{'fraction_non_alphanumeric': 0.16453089244851257, 'fraction_numerical': 0.02448512585812357, 'mean_word_length': 2.3315548780487805, 'pattern_counts': {'":': 0, '<': 3, '<?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': '3842013', 'n_tokens_mistral': 1538, 'n_tokens_neox': 1416, 'n_words': 336}