ccs-frontend
Version:
CCS Frontend contains assets and components used in CCS projects
2 lines (1 loc) • 5.85 kB
Source Map (JSON)
{"version":3,"sources":["../../../../src/ccs/components/footer/_index.scss"],"names":[],"mappings":"AAAA;EACE,oEAAoE;EACpE,8DAA8D;EAC9D,uCAAuC;;EAEvC,wCAAwC;;EAExC;IACE,8BAA8B;IAC9B,2CAA2C;IAC3C,8CAA8C;;IAE9C,oDAAoD;IACpD,uBAAuB;IACvB,kCAAkC;EACpC;;EAEA;IACE,0BAA0B;;IAE1B;;;MAGE,uBAAuB;IACzB;;IAEA;;MAEE,0CAA0C;IAC5C;;IAEA;MACE,oCAAoC;IACtC;EACF;;EAEA;IACE,SAAS,EAAE,8BAA8B;IACzC,6CAA6C;IAC7C,SAAS,EAAE,8BAA8B;IACzC,2CAA2C;EAC7C;;EAEA;IACE,aAAa,EAAE,kBAAkB;IACjC,iCAAiC;IACjC,gCAAgC;IAChC,eAAe,EAAE,kBAAkB;IACnC,qBAAqB,EAAE,kBAAkB;IACzC,uBAAuB,EAAE,kBAAkB;IAC3C,gBAAgB;EAClB;;EAEA;IACE,gCAAgC;IAChC,+BAA+B;IAC/B,+BAA+B;EACjC;;EAEA;IACE,OAAO,EAAE,kBAAkB;;IAE3B;MACE,iBAAiB,EAAE,kBAAkB;IACvC;;IAEA;MACE,gBAAgB;IAClB;EACF;;EAEA;IACE,aAAa;IACb,+BAA+B;IAC/B,UAAU;;IAEV;MACE,gBAAgB;IAClB;EACF;;EAEA;IACE;MACE,uBAAuB;IACzB;EACF;;EAEA;IACE,qBAAqB;IACrB,8BAA8B;IAC9B,+BAA+B;;IAE/B;MACE,8BAA8B;MAC9B,cAAc;IAChB;EACF;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,+BAA+B;IAC/B,gCAAgC;;IAEhC;MACE,gCAAgC;IAClC;IACA,2CAA2C;IAC3C,uBAAuB;EACzB;;EAEA;IACE,uBAAuB;IACvB,iCAAiC;IACjC,gCAAgC;EAClC;;EAEA;IACE,qBAAqB;IACrB,4BAA4B;IAC5B,mBAAmB;EACrB;;EAEA;IACE,SAAS;IACT,UAAU;IACV,gBAAgB;IAChB,8BAAyB;SAAzB,yBAAyB,EAAE,kBAAkB;;IAE7C,kEAAkE;IAClE,gCAAgC;IAChC,+DAA+D;IAC/D;MACE,+BAA+B;IACjC;EACF;;EAEA;IACE;MACE,oBAAe;WAAf,eAAe,EAAE,kBAAkB;IACrC;;IAEA;MACE,oBAAe;WAAf,eAAe,EAAE,kBAAkB;IACrC;EACF;;EAEA;IACE,6CAA6C;EAC/C;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,6CAA6C;IAC7C,sBAAsB;IACtB,8BAA8B;;IAE9B;MACE,WAAW;MACX,iCAAiC;MACjC,WAAW;MACX,mBAAmB;IACrB;EACF;;EAEA;IACE,cAAc;IACd,kBAAkB;EACpB;AACF","file":"_index.scss","sourcesContent":["@include ccs-exports(\"ccs/component/footer\") {\n $ccs-footer-background: govuk-functional-colour(template-background);\n $ccs-footer-border: govuk-colour(\"black\", $variant: \"tint-25\");\n $ccs-footer-text: govuk-colour(\"black\");\n\n $ccs-footer-columns-to-rows-point: 501px;\n\n .ccs-footer {\n @include govuk-font($size: 16);\n @include govuk-responsive-padding(7, \"top\");\n @include govuk-responsive-padding(5, \"bottom\");\n\n border-top: govuk-spacing(1) solid $ccs-brand-colour;\n color: $ccs-footer-text;\n background: $ccs-footer-background;\n }\n\n .ccs-footer__link {\n @include govuk-link-common;\n\n &:link,\n &:visited,\n &:hover {\n color: $ccs-footer-text;\n }\n\n &:active,\n &:focus {\n color: govuk-functional-colour(focus-text);\n }\n\n &:link:focus {\n color: govuk-functional-colour(text);\n }\n }\n\n .ccs-footer__section-break {\n margin: 0; // Reset `<hr>` default margins\n @include govuk-responsive-margin(8, \"bottom\");\n border: 0; // Reset `<hr>` default borders\n border-bottom: 1px solid $ccs-footer-border;\n }\n\n .ccs-footer__meta {\n display: flex; // Support: Flexbox\n margin-right: -$govuk-gutter-half;\n margin-left: -$govuk-gutter-half;\n flex-wrap: wrap; // Support: Flexbox\n align-items: flex-end; // Support: Flexbox\n justify-content: center; // Support: Flexbox\n text-align: left;\n }\n\n .ccs-footer__meta-item {\n margin-right: $govuk-gutter-half;\n margin-bottom: govuk-spacing(5);\n margin-left: $govuk-gutter-half;\n }\n\n .ccs-footer__meta-item--grow {\n flex: 1; // Support: Flexbox\n\n @media #{govuk-until-breakpoint(tablet)} {\n flex-basis: 320px; // Support: Flexbox\n }\n\n @media #{govuk-until-breakpoint($until: $ccs-footer-columns-to-rows-point)} {\n text-align: left;\n }\n }\n\n .ccs-footer__inline-list {\n margin-top: 0;\n margin-bottom: govuk-spacing(3);\n padding: 0;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n .ccs-footer__meta-custom {\n a {\n color: $ccs-footer-text;\n }\n }\n\n .ccs-footer__inline-list-item {\n display: inline-block;\n margin-right: govuk-spacing(3);\n margin-bottom: govuk-spacing(1);\n\n @media #{govuk-until-breakpoint(tablet)} {\n margin-right: govuk-spacing(3);\n margin-left: 0;\n }\n }\n\n .ccs-footer__inline-list--bottom > .ccs-footer__inline-list-item {\n margin-bottom: 0;\n }\n\n .ccs-footer__heading {\n margin-bottom: govuk-spacing(6);\n padding-bottom: govuk-spacing(4);\n\n @media #{govuk-until-breakpoint(tablet)} {\n padding-bottom: govuk-spacing(2);\n }\n border-bottom: 1px solid $ccs-footer-border;\n color: $ccs-footer-text;\n }\n\n .ccs-footer__navigation {\n @include govuk-clearfix;\n margin-right: -$govuk-gutter-half;\n margin-left: -$govuk-gutter-half;\n }\n\n .ccs-footer__section {\n display: inline-block;\n margin-bottom: $govuk-gutter;\n vertical-align: top;\n }\n\n .ccs-footer__list {\n margin: 0;\n padding: 0;\n list-style: none;\n column-gap: $govuk-gutter; // Support: Columns\n\n // Disable thicker underlines on hover because of a bug in Chromium\n // affecting links within columns\n // https://bugs.chromium.org/p/chromium/issues/detail?id=1190987\n .ccs-footer__link:hover {\n text-decoration-thickness: auto;\n }\n }\n\n @media #{govuk-from-breakpoint(desktop)} {\n .ccs-footer__list--columns-2 {\n column-count: 2; // Support: Columns\n }\n\n .ccs-footer__list--columns-3 {\n column-count: 3; // Support: Columns\n }\n }\n\n .ccs-footer__list-item {\n @include govuk-responsive-margin(4, \"bottom\");\n }\n\n .ccs-footer__list-item:last-child {\n margin-bottom: 0;\n }\n\n .ccs-footer__logo {\n @include govuk-responsive-margin(5, \"bottom\");\n box-sizing: border-box;\n padding-left: govuk-spacing(3);\n\n @media #{govuk-from-breakpoint(tablet)} {\n width: 100%;\n padding-right: $govuk-gutter-half;\n float: left;\n vertical-align: top;\n }\n }\n\n .ccs-footer__copyright {\n margin-left: 0;\n text-align: center;\n }\n}\n"]}