govuk-frontend/dist/govuk/components/footer/_index.scss.map

GOV.UK Frontend contains the code you need to start building a user interface for government platforms and services.

{"version":3,"sources":["../../../../src/govuk/components/footer/_index.scss"],"names":[],"mappings":"AAAA,oBAAoB;;AAEpB;EACE,qEAAqE;EACrE,yDAAyD;EACzD,qEAAqE;;EAErE,6BAA6B;EAC7B,sCAAsC;EACtC,uCAAuC;;EAEvC;IACE,8BAA8B;IAC9B,2CAA2C;IAC3C,8CAA8C;;IAE9C,sBAAsB;IACtB,gDAAgD;IAChD,yBAAyB;IACzB,wDAAwD;EAC1D;;EAEA;IACE,+BAA+B;EACjC;;EAEA;IACE,0BAA0B;IAC1B,iCAAiC;EACnC;;EAEA;IACE,SAAS,EAAE,8BAA8B;IACzC,6CAA6C;IAC7C,SAAS,EAAE,8BAA8B;IACzC,wBAAwB;IACxB,0BAA0B;IAC1B,iDAAiD;EACnD;;EAEA;IACE,aAAa,EAAE,kBAAkB;IACjC,iCAAiC;IACjC,gCAAgC;IAChC,eAAe,EAAE,kBAAkB;IACnC,qBAAqB,EAAE,kBAAkB;IACzC,uBAAuB,EAAE,kBAAkB;EAC7C;;EAEA;IACE,gCAAgC;IAChC,+BAA+B;IAC/B,+BAA+B;EACjC;;EAEA;IACE,OAAO,EAAE,kBAAkB;IAC3B;MACE,iBAAiB,EAAE,kBAAkB;IACvC;EACF;;EAEA;IACE,qBAAqB;IACrB,8BAA8B;IAC9B;MACE,+BAA+B;IACjC;IACA,mBAAmB;IACnB,wEAAwE;IACxE,mDAAmD;IACnD,yBAAyB;EAC3B;;EAEA;IACE,qFAAqF;IACrF,qBAAqB;IACrB,+EAA+E;IAC/E,uCAAuC;IACvC,kBAAkB;EACpB;;EAEA;IACE,8BAA8B;EAChC;;EAEA;IACE,WAAW;IACX,cAAc;IACd,WAAW;IACX,kEAAkE;IAClE,oDAAoD;IACpD,4BAA4B;IAC5B,2BAA2B;IAC3B,iFAAiF;IACjF,kBAAkB;IAClB,mBAAmB;;IAEnB,kEAAkE;IAClE,qEAAqE;IACrE,+DAA+D;IAC/D,yEAAyE;IACzE,sBAAsB;IACtB;MACE,wBAAwB;MACxB,sDAA8C;cAA9C,8CAA8C;MAC9C,8BAAsB;cAAtB,sBAAsB;MACtB,6BAAqB;cAArB,qBAAqB;MACrB,mFAA2E;cAA3E,2EAA2E;;MAE3E,qEAAqE;MACrE,mEAAmE;MACnE,iCAAiC;MACjC;QACE,oBAAoB;MACtB;IACF;EACF;;EAEA;IACE,aAAa;IACb,+BAA+B;IAC/B,UAAU;EACZ;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,+BAA+B;EACjC;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,qBAAqB;IACrB,8BAA8B;IAC9B,+BAA+B;EACjC;;EAEA;IACE,+BAA+B;IAC/B,gCAAgC;;IAEhC;MACE,gCAAgC;IAClC;;IAEA,wBAAwB;IACxB,0BAA0B;IAC1B,iDAAiD;EACnD;;EAEA;IACE,uBAAuB;IACvB,iCAAiC;IACjC,gCAAgC;EAClC;;EAEA;IACE,qBAAqB;IACrB,4BAA4B;IAC5B,mBAAmB;EACrB;;EAEA;IACE,SAAS;IACT,UAAU;IACV,gBAAgB;IAChB,yBAAyB,EAAE,kBAAkB;EAC/C;;EAEA;IACE;MACE,eAAe,EAAE,kBAAkB;IACrC;;IAEA;MACE,eAAe,EAAE,kBAAkB;IACrC;EACF;;EAEA;IACE,6CAA6C;EAC/C;;EAEA;IACE,gBAAgB;EAClB;AACF","file":"_index.scss","sourcesContent":["@import \"../../base\";\n\n@include govuk-exports(\"govuk/component/footer\") {\n  $govuk-footer-background: govuk-functional-colour(surface-background);\n  $govuk-footer-text: govuk-functional-colour(surface-text);\n  $govuk-footer-content-border: govuk-functional-colour(surface-border);\n\n  // Royal Arms image dimensions\n  $govuk-footer-crest-image-width: 125px;\n  $govuk-footer-crest-image-height: 102px;\n\n  .govuk-footer {\n    @include govuk-font($size: 19);\n    @include govuk-responsive-padding(7, \"top\");\n    @include govuk-responsive-padding(5, \"bottom\");\n\n    border-top: 10px solid;\n    border-top-color: govuk-functional-colour(brand);\n    color: $govuk-footer-text;\n    background: govuk-functional-colour(template-background);\n  }\n\n  .govuk-footer__crown {\n    margin-bottom: govuk-spacing(5);\n  }\n\n  .govuk-footer__link {\n    @include govuk-link-common;\n    @include govuk-link-style-default;\n  }\n\n  .govuk-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-width: 1px;\n    border-bottom-style: solid;\n    border-bottom-color: $govuk-footer-content-border;\n  }\n\n  .govuk-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  }\n\n  .govuk-footer__meta-item {\n    margin-right: $govuk-gutter-half;\n    margin-bottom: govuk-spacing(5);\n    margin-left: $govuk-gutter-half;\n  }\n\n  .govuk-footer__meta-item--grow {\n    flex: 1; // Support: Flexbox\n    @media #{govuk-until-breakpoint(tablet)} {\n      flex-basis: 320px; // Support: Flexbox\n    }\n  }\n\n  .govuk-footer__licence-logo {\n    display: inline-block;\n    margin-right: govuk-spacing(2);\n    @media #{govuk-until-breakpoint(desktop)} {\n      margin-bottom: govuk-spacing(3);\n    }\n    vertical-align: top;\n    // Work around SVGs not inheriting color from parent in forced color mode\n    // (https://github.com/w3c/csswg-drafts/issues/6310)\n    forced-color-adjust: auto;\n  }\n\n  .govuk-footer__licence-description {\n    // This makes the license description reflow under the logo when space gets too narrow\n    display: inline-block;\n    // This prevents the description from having orphans when space is narrow enough\n    // and makes the text reflow more nicely\n    text-wrap: balance;\n  }\n\n  .govuk-footer__copyright-logo {\n    @include govuk-link-style-text;\n  }\n\n  .govuk-footer__copyright-logo::before {\n    content: \"\";\n    display: block;\n    width: 100%;\n    padding-top: ($govuk-footer-crest-image-height + govuk-spacing(2));\n    background-image: govuk-image-url(\"govuk-crest.svg\");\n    background-repeat: no-repeat;\n    background-position: 50% 0%;\n    background-size: $govuk-footer-crest-image-width $govuk-footer-crest-image-height;\n    text-align: center;\n    white-space: nowrap;\n\n    // Where possible use the crest as a mask instead. This lets us use\n    // currentColor, increasing the contrast of the image and matching the\n    // user's prefered foreground colour in e.g. forced colors mode.\n    // We test for `mask-position` rather than `mask-image` because of a false\n    // positive in Edge 17.\n    @supports (mask-position: initial) {\n      background: currentcolor;\n      mask-image: govuk-image-url(\"govuk-crest.svg\");\n      mask-repeat: no-repeat;\n      mask-position: 50% 0%;\n      mask-size: $govuk-footer-crest-image-width $govuk-footer-crest-image-height;\n\n      // currentcolor doesn't seem to be computed correctly in forced colors\n      // mode so force the background color to match the system link color\n      // (matching the text in the link)\n      @media screen and (forced-colors: active) {\n        background: linktext;\n      }\n    }\n  }\n\n  .govuk-footer__inline-list {\n    margin-top: 0;\n    margin-bottom: govuk-spacing(3);\n    padding: 0;\n  }\n\n  .govuk-footer__inline-list:last-child {\n    margin-bottom: 0;\n  }\n\n  .govuk-footer__meta-custom {\n    margin-bottom: govuk-spacing(4);\n  }\n\n  .govuk-footer__meta-custom:last-child {\n    margin-bottom: 0;\n  }\n\n  .govuk-footer__inline-list-item {\n    display: inline-block;\n    margin-right: govuk-spacing(3);\n    margin-bottom: govuk-spacing(1);\n  }\n\n  .govuk-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\n    border-bottom-width: 1px;\n    border-bottom-style: solid;\n    border-bottom-color: $govuk-footer-content-border;\n  }\n\n  .govuk-footer__navigation {\n    @include govuk-clearfix;\n    margin-right: -$govuk-gutter-half;\n    margin-left: -$govuk-gutter-half;\n  }\n\n  .govuk-footer__section {\n    display: inline-block;\n    margin-bottom: $govuk-gutter;\n    vertical-align: top;\n  }\n\n  .govuk-footer__list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    column-gap: $govuk-gutter; // Support: Columns\n  }\n\n  @media #{govuk-from-breakpoint(desktop)} {\n    .govuk-footer__list--columns-2 {\n      column-count: 2; // Support: Columns\n    }\n\n    .govuk-footer__list--columns-3 {\n      column-count: 3; // Support: Columns\n    }\n  }\n\n  .govuk-footer__list-item {\n    @include govuk-responsive-margin(4, \"bottom\");\n  }\n\n  .govuk-footer__list-item:last-child {\n    margin-bottom: 0;\n  }\n}\n"]}