<commit_before>// Global Subnavigation Content
//
// Styleguide Global Subnavigation Content

$max-cols: 6; // the maximum number of categories in the subnav
$gutter: $default-gutter / 2; // the space between category columns
$global-nav-transition-duration: 300ms !default; // Defined in _global_nav.scss

.global-subnav {
  transition-property: visibility;
  transition-delay: $global-nav-transition-duration;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(100%);
  padding: $baseline-unit $baseline-unit $baseline-unit*10 $baseline-unit;

  @include respond-to($mq-m) {
    transition: none;
    top: 100%;
    transform: none;
    width: 100%;
    margin: 0;
    max-width: none;
    background: $color-white;
    padding-bottom: $baseline-unit;

    /* non-FlexBox compliant -- */
    display: table-row;
    /* -- non-FlexBox compliant */

    &:after {
      box-shadow: 0 0 12px 6px rgba(0, 0, 0, 0.6);
      position: relative;
      z-index: -1
    }

    &.is-active {
      visibility: visible;
    }
  }
}

.is-hidden {
  display: none;

  @include respond-to($mq-m) {
    display: block; 
  }
}

// nav not initialised --
.global-nav:not([data-dough-global-nav-initialised="yes"]) {
  @include respond-to($mq-m) {
    .global-nav__clump__heading {
      &:hover {
        & + .global-subnav {
          visibility: visible;
          transform: none;
        }
      }
    }

    .global-subnav:hover {
      visibility: visible;
      transform: none;
    }
  }
}
// -- nav not initialised
<commit_msg>[TP-11691] Updates global nav `is-hidden` style to fix knock-on problem on DAL<commit_after>// Global Subnavigation Content
//
// Styleguide Global Subnavigation Content

$max-cols: 6; // the maximum number of categories in the subnav
$gutter: $default-gutter / 2; // the space between category columns
$global-nav-transition-duration: 300ms !default; // Defined in _global_nav.scss

.global-subnav {
  transition-property: visibility;
  transition-delay: $global-nav-transition-duration;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(100%);
  padding: $baseline-unit $baseline-unit $baseline-unit*10 $baseline-unit;

  @include respond-to($mq-m) {
    transition: none;
    top: 100%;
    transform: none;
    width: 100%;
    margin: 0;
    max-width: none;
    background: $color-white;
    padding-bottom: $baseline-unit;

    /* non-FlexBox compliant -- */
    display: table-row;
    /* -- non-FlexBox compliant */

    &:after {
      box-shadow: 0 0 12px 6px rgba(0, 0, 0, 0.6);
      position: relative;
      z-index: -1
    }

    &.is-active {
      visibility: visible;
    }
  }

  .is-hidden {
    @include respond-to($mq-m) {
      display: block; 
    }
  }
}


// nav not initialised --
.global-nav:not([data-dough-global-nav-initialised="yes"]) {
  @include respond-to($mq-m) {
    .global-nav__clump__heading {
      &:hover {
        & + .global-subnav {
          visibility: visible;
          transform: none;
        }
      }
    }

    .global-subnav:hover {
      visibility: visible;
      transform: none;
    }
  }
}
// -- nav not initialised

{'fraction_non_alphanumeric': 0.14011335012594459, 'fraction_numerical': 0.020465994962216624, 'mean_word_length': 2.4721311475409835, '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': '255232', 'n_tokens_mistral': 1134, 'n_tokens_neox': 1042, 'n_words': 251}