ccs-frontend
Version:
CCS Frontend contains assets and components used in CCS projects
2 lines (1 loc) • 6.12 kB
Source Map (JSON)
{"version":3,"sources":["../../../../src/ccs/components/footer/_index.scss"],"names":[],"mappings":"AAAA;EACE,2CAA2C;EAC3C,sCAAsC;EACtC,0EAA0E;EAC1E,kDAAkD;EAClD,0CAA0C;EAC1C,uCAAuC;;EAEvC,wCAAwC;;EAExC;IACE,8BAA8B;IAC9B,2CAA2C;IAC3C,8CAA8C;;IAE9C,4CAA4C;IAC5C,uBAAuB;IACvB,kCAAkC;EACpC;;EAEA;IACE,0BAA0B;;IAE1B;;;MAGE,uBAAuB;IACzB;;IAEA;;MAEE,+BAA+B;IACjC;;IAEA;MACE,0BAA0B;IAC5B;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,iBAAiB;EACnB;;EAEA;IACE,gCAAgC;IAChC,+BAA+B;IAC/B,+BAA+B;;IAE/B;MACE;QACE,QAAQ;MACV;IACF;EACF;;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,+BAA+B;IAC/B,6BAA6B;;IAE7B;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;;IAEtB;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: ccs-colour(\"black\");\n $ccs-footer-border: $ccs-border-colour;\n // This variable can be removed entirely once the legacy palette goes away,\n // as it'll just be the same as $ccs-footer-border.\n $ccs-footer-border-top: $ccs-border-colour;\n $ccs-footer-text: govuk-colour(\"white\");\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: 1px solid $ccs-footer-border-top;\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-focus-text-colour;\n }\n\n &:link:focus {\n @include govuk-text-colour;\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: right;\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 @include govuk-media-query ($until: $ccs-footer-columns-to-rows-point) {\n &:first-child {\n order: 2;\n }\n }\n }\n\n .ccs-footer__meta-item--grow {\n flex: 1; // Support: Flexbox\n\n @include govuk-media-query ($until: tablet) {\n flex-basis: 320px; // Support: Flexbox\n }\n\n @include govuk-media-query ($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-bottom: govuk-spacing(1);\n margin-left: govuk-spacing(3);\n\n @include govuk-media-query ($until: 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 @include govuk-media-query ($until: 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 @include govuk-media-query ($from: 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\n @include govuk-media-query ($from: 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"]}