{"version":3,"sources":["../../../../src/ccs/components/header/_index.scss"],"names":[],"mappings":"AAAA;EACE,yCAAyC;EACzC,uCAAuC;EACvC,+CAA+C;EAC/C,yCAAyC;;EAEzC;IACE,8BAA8B;;IAE9B,uBAAuB;IACvB,kCAAkC;EACpC;;EAEA;IACE,2BAA2B;EAC7B;;EAEA;IACE,uBAAuB;IACvB,kBAAkB;IAClB,6BAA6B;EAC/B;;EAEA;IACE,2EAA2E;IAC3E,mCAAmC;IACnC,CAAC;IACD,wCAAwC;IACxC,uEAAuE;IACvE,sEAAsE;IACtE,+CAA+C;IAC/C,gCAAgC;;IAEhC;;MAEE,4BAA4B;IAC9B;;IAEA,wCAAwC;IACxC,qBAAqB;;IAErB;MACE,0BAA0B;MAC1B,+DAA+D;;MAE/D;QACE,mDAAmD;MACrD;IACF;;IAEA;MACE,2BAA2B;IAC7B;EACF;;EAEA;IACE,yEAAyE;IACzE,YAAY;IACZ,gDAAgD;;IAEhD,qBAAqB;IACrB,8BAA8B;IAC9B,eAAe,EAAE,oDAAoD;IACrE,cAAc;;IAEd;;MAEE,qBAAqB;IACvB;;IAEA;;MAEE,yBAAyB;MACzB,mBAAmB;MACnB,gEAAgE;MAChE,+DAA+D;MAC/D,yDAAyD;IAC3D;;IAEA,wDAAwD;IACxD;MACE,gBAAgB;IAClB;EACF;;EAEA;IACE,8CAA8C;IAC9C,sBAAsB;IACtB,+BAA+B;;IAE/B;MACE,UAAU;MACV,iCAAiC;MACjC,WAAW;MACX,mBAAmB;IACrB;EACF;;EAEA;IACE;MACE,sBAAsB;MACtB,+BAA+B;MAC/B,uBAAuB;IACzB;;IAEA;MACE;;QAEE,+BAA+B;MACjC;;MAEA,mEAAmE;MACnE;QACE,aAAa;MACf;IACF;EACF;AACF","file":"_index.scss","sourcesContent":["@include ccs-exports(\"ccs/component/header\") {\n  $ccs-header-background: $ccs-brand-colour;\n  $ccs-header-text: govuk-colour(\"black\");\n  $ccs-header-print-colour: govuk-colour(\"black\");\n  $ccs-header-link-underline-thickness: 3px;\n\n  .ccs-header {\n    @include govuk-font($size: 16);\n\n    color: $ccs-header-text;\n    background: $ccs-header-background;\n  }\n\n  .ccs-header__container--full-width {\n    padding: 0 govuk-spacing(3);\n  }\n\n  .ccs-header__container {\n    @include govuk-clearfix;\n    position: relative;\n    padding-top: govuk-spacing(2);\n  }\n\n  .ccs-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\n    &:link,\n    &:visited {\n      color: govuk-colour(\"black\");\n    }\n\n    border-bottom: solid .125rem transparent;\n    text-decoration: none;\n\n    &:hover {\n      text-decoration: underline;\n      text-decoration-thickness: $ccs-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  .ccs-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    &:link,\n    &:visited {\n      text-decoration: none;\n    }\n\n    &:hover:not(:focus),\n    &:active:not(:focus) {\n      // Negate the added border\n      margin-bottom: -1px;\n      // Omitting colour will use default value of currentColor – if we\n      // specified currentColor explicitly IE8 would ignore this rule.\n      border-bottom: $ccs-header-link-underline-thickness solid;\n    }\n\n    // Remove any borders that show when focused and hovered.\n    &:focus {\n      margin-bottom: 0;\n    }\n  }\n  \n  .ccs-header__logo {\n    @include govuk-responsive-padding(1, \"bottom\");\n    box-sizing: border-box;\n    padding-right: govuk-spacing(8);\n\n    @media #{govuk-from-breakpoint(desktop)} {\n      width: 25%;\n      padding-right: $govuk-gutter-half;\n      float: left;\n      vertical-align: top;\n    }\n  }\n\n  @media print {\n    .ccs-header {\n      border-bottom-width: 0;\n      color: $ccs-header-print-colour;\n      background: transparent;\n    }\n\n    .ccs-header__link {\n      &:link,\n      &:visited {\n        color: $ccs-header-print-colour;\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"]}