{"version":3,"sources":["../../../../src/govuk/components/header/_index.scss"],"names":[],"mappings":"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","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/header\") {\n\n  $govuk-header-background: govuk-colour(\"black\");\n  $govuk-header-border-color: $govuk-brand-colour;\n  $govuk-header-border-width: govuk-spacing(2);\n  $govuk-header-text: govuk-colour(\"white\");\n  $govuk-header-link-active: #1d8feb;\n  $govuk-header-nav-item-border-color: #2e3133;\n  $govuk-header-link-underline-thickness: 3px;\n\n  .govuk-header {\n    @include govuk-font($size: 16);\n\n    border-bottom: govuk-spacing(2) solid govuk-colour(\"white\");\n    color: $govuk-header-text;\n    background: $govuk-header-background;\n  }\n\n  .govuk-header__container--full-width {\n    padding: 0 govuk-spacing(3);\n    border-color: $govuk-header-border-color;\n\n    .govuk-header__menu-button {\n      right: govuk-spacing(3);\n    }\n  }\n\n  .govuk-header__container {\n    @include govuk-clearfix;\n    position: relative;\n    margin-bottom: -$govuk-header-border-width;\n    padding-top: govuk-spacing(2);\n    border-bottom: $govuk-header-border-width solid $govuk-header-border-color;\n  }\n\n  .govuk-header__logotype {\n    display: inline-block;\n\n    // Add a gap after the logo in case it's followed by a product name. This\n    // gets removed later if the logotype is a :last-child.\n    margin-right: govuk-spacing(1);\n\n    // Prevent readability backplate from obscuring underline in Windows High\n    // Contrast Mode\n    @media (forced-colors: active) {\n      forced-color-adjust: none;\n      color: linktext;\n    }\n\n    // Remove the gap after the logo if there's no product name to keep hover\n    // and focus states neat\n    &:last-child {\n      margin-right: 0;\n    }\n  }\n\n  .govuk-header__logotype-crown {\n    position: relative;\n    top: -1px;\n    margin-right: 1px;\n    fill: currentcolor;\n    vertical-align: top;\n  }\n\n  // Spacing adjustment for Tudor crown, as the new graphic is narrower than the\n  // existing crown. In Frontend v5, this rule should replace the equivalent in\n  // the block above.\n  .govuk-header__logotype-crown[width=\"32\"] {\n    top: -3px;\n    margin-right: 2px;\n  }\n\n  .govuk-header__logotype-crown-fallback-image {\n    width: 36px;\n    height: 32px;\n    border: 0;\n    vertical-align: bottom;\n  }\n\n  // Sizing adjustment for Tudor crown, as the new graphic is smaller than the\n  // existing crown. In Frontend v5, these rules should replace their\n  // equivalents in the block above.\n  .govuk-header__logotype-crown-fallback-image[width=\"32\"] {\n    width: 32px;\n    height: 30px;\n  }\n\n  .govuk-header__product-name {\n    @include govuk-font($size: 24, $line-height: 1);\n    display: inline-table;\n  }\n\n  .govuk-header__link {\n    // Avoid using the `govuk-link-common` mixin because the links in the header\n    // get a special treatment, because:\n    //\n    // - underlines are only visible on hover\n    // - all links get a 3px underline regardless of text size, as there are\n    //   multiple grouped elements close to one another and having slightly\n    //   different underline widths looks unbalanced\n    @include govuk-typography-common;\n    @include govuk-link-style-inverse;\n\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n      text-decoration-thickness: $govuk-header-link-underline-thickness;\n\n      @if $govuk-link-underline-offset {\n        text-underline-offset: $govuk-link-underline-offset;\n      }\n    }\n\n    &:focus {\n      @include govuk-focused-text;\n    }\n  }\n\n  .govuk-header__link--homepage {\n    // Font size needs to be set on the link so that the box sizing is correct\n    // in Firefox\n    @include govuk-font($size: false, $weight: bold);\n\n    display: inline-block;\n    margin-right: govuk-spacing(2);\n    font-size: 30px; // We don't have a mixin that produces 30px font size\n    line-height: 1;\n\n    @include govuk-media-query($from: tablet) {\n      display: inline;\n\n      &:focus {\n        // Replicate the focus box shadow but without the -2px y-offset of the first yellow shadow\n        // This is to stop the logo getting cut off by the box shadow when focused on above a product name\n        box-shadow: 0 0 $govuk-focus-colour;\n      }\n    }\n\n    &:link,\n    &:visited {\n      text-decoration: none;\n    }\n\n    &:hover,\n    &:active {\n      // Negate the added border\n      margin-bottom: $govuk-header-link-underline-thickness * -1;\n      // Omitting colour will use default value of currentColor – if we\n      // specified currentColor explicitly IE8 would ignore this rule.\n      border-bottom: $govuk-header-link-underline-thickness solid;\n    }\n\n    // Remove any borders that show when focused and hovered.\n    &:focus {\n      margin-bottom: 0;\n      border-bottom: 0;\n    }\n  }\n\n  // The govuk-header__link--service-name class is deprecated - use\n  // govuk-header__service-name instead.\n  .govuk-header__service-name,\n  .govuk-header__link--service-name {\n    display: inline-block;\n    margin-bottom: govuk-spacing(2);\n    @include govuk-font($size: 24, $weight: bold);\n  }\n\n  .govuk-header__logo,\n  .govuk-header__content {\n    box-sizing: border-box;\n  }\n\n  .govuk-header__logo {\n    @include govuk-responsive-margin(2, \"bottom\");\n    padding-right: govuk-spacing(8);\n\n    @include govuk-media-query ($from: desktop) {\n      width: 33.33%;\n      padding-right: $govuk-gutter-half;\n      float: left;\n      vertical-align: top;\n    }\n  }\n\n  .govuk-header__content {\n    @include govuk-media-query ($from: desktop) {\n      width: 66.66%;\n      padding-left: $govuk-gutter-half;\n      float: left;\n    }\n  }\n\n  .govuk-header__menu-button {\n    @include govuk-font($size: 16);\n    display: none;\n    position: absolute;\n    top: govuk-spacing(4);\n    right: 0;\n    margin: 0;\n    padding: 0;\n    border: 0;\n    color: govuk-colour(\"white\");\n    background: none;\n    cursor: pointer;\n\n    &:hover {\n      text-decoration: solid underline $govuk-header-link-underline-thickness;\n\n      @if $govuk-link-underline-offset {\n        text-underline-offset: $govuk-link-underline-offset;\n      }\n    }\n\n    &:focus {\n      @include govuk-focused-text;\n    }\n\n    &:after {\n      @include govuk-shape-arrow($direction: down, $base: 10px, $display: inline-block);\n      content: \"\";\n      margin-left: govuk-spacing(1);\n    }\n\n    &[aria-expanded=\"true\"]:after {\n      @include govuk-shape-arrow($direction: up, $base: 10px, $display: inline-block);\n    }\n\n    @include govuk-media-query ($from: tablet) {\n      top: govuk-spacing(3);\n    }\n\n    .js-enabled & {\n      display: block;\n    }\n\n    &[hidden],\n    .js-enabled &[hidden] {\n      display: none;\n    }\n  }\n\n  .govuk-header__navigation {\n    @include govuk-media-query ($from: desktop) {\n      margin-bottom: govuk-spacing(2);\n    }\n  }\n\n  .govuk-header__navigation-list {\n    // Reset user-agent default list styles\n    margin: 0;\n    padding: 0;\n    list-style: none;\n\n    &[hidden] {\n      display: none;\n    }\n  }\n\n  .govuk-header__navigation--end {\n    @include govuk-media-query ($from: desktop) {\n      margin: 0;\n      padding: govuk-spacing(1) 0;\n      text-align: right;\n    }\n  }\n\n  // The govuk-header__navigation--no-service-name class is deprecated and will\n  // be removed in the next major release.\n  .govuk-header__navigation--no-service-name {\n    padding-top: govuk-spacing(7);\n  }\n\n  .govuk-header__navigation-item {\n    padding: govuk-spacing(2) 0;\n    border-bottom: 1px solid $govuk-header-nav-item-border-color;\n\n    @include govuk-media-query ($from: desktop) {\n      display: inline-block;\n      margin-right: govuk-spacing(3);\n      padding: govuk-spacing(1) 0;\n      border: 0;\n    }\n\n    a {\n      @include govuk-font($size: 16, $weight: bold);\n      white-space: nowrap;\n    }\n  }\n\n  .govuk-header__navigation-item--active {\n    a {\n      &:link,\n      &:hover,\n      &:visited {\n        color: $govuk-header-link-active;\n      }\n\n      // When printing, use the normal blue as this contrasts better with the\n      // white printing header\n      @include govuk-media-query($media-type: print) {\n        color: $govuk-brand-colour;\n      }\n\n      // When focussed, the text colour needs to be darker to ensure that colour\n      // contrast is still acceptable\n      &:focus {\n        color: $govuk-focus-text-colour;\n      }\n    }\n  }\n\n  .govuk-header__navigation-item:last-child {\n    margin-right: 0;\n    border-bottom: 0;\n  }\n\n  @include govuk-media-query($media-type: print) {\n    .govuk-header {\n      border-bottom-width: 0;\n      color: govuk-colour(\"black\");\n      background: transparent;\n    }\n\n    // Hide the inverted crown when printing in browsers that don't support SVG.\n    .govuk-header__logotype-crown-fallback-image {\n      display: none;\n    }\n\n    .govuk-header__link {\n      &:link,\n      &:visited {\n        color: govuk-colour(\"black\");\n      }\n\n      // Do not append link href to GOV.UK link when printing (e.g. '(/)')\n      &:after {\n        display: none;\n      }\n    }\n  }\n\n  @if $govuk-use-legacy-font {\n    // Begin adjustments for font baseline offset\n    // These should be removed when the font is updated with the correct baseline\n    .govuk-header__logotype-crown,\n    .govuk-header__logotype-crown-fallback-image {\n      position: relative;\n      top: -4px;\n      vertical-align: middle;\n    }\n\n    .govuk-header {\n      $offset: 3px;\n      padding-top: $offset;\n    }\n\n    .govuk-header__link--homepage {\n      line-height: 30px;\n    }\n    // End adjustments\n  }\n}\n"]}