ccs-frontend
Version:
CCS Frontend contains assets and components used in CCS projects
2 lines (1 loc) • 4.17 kB
Source Map (JSON)
{"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"]}