govuk-frontend/dist/govuk/components/phase-banner/_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/phase-banner/_index.scss"],"names":[],"mappings":"AAAA,oBAAoB;;AAEpB,sBAAsB;;AAEtB;EACE;IACE,6BAA6B;IAC7B,gCAAgC;;IAEhC,wBAAwB;IACxB,oDAAoD;EACtD;;EAEA,2EAA2E;EAC3E,iEAAiE;EACjE;IACE,eAAe;IACf,cAAc;EAChB;;EAEA;IACE,8BAA8B;;IAE9B,cAAc;IACd,SAAS;IACT,oCAAoC;EACtC;;EAEA;IACE,mCAAmC;IACnC,8BAA8B;;IAE9B;MACE,8BAA8B;IAChC;EACF;;EAEA;IACE,mBAAmB;IACnB,sBAAsB;EACxB;AACF","file":"_index.scss","sourcesContent":["@import \"../../base\";\n\n@import \"../tag/index\";\n\n@include govuk-exports(\"govuk/component/phase-banner\") {\n  .govuk-phase-banner {\n    padding-top: govuk-spacing(2);\n    padding-bottom: govuk-spacing(2);\n\n    border-bottom: 1px solid;\n    border-bottom-color: govuk-functional-colour(border);\n  }\n\n  // If the phase banner is already contained within a .govuk-width-container,\n  // don't double up the left and right margins on narrow viewports.\n  .govuk-width-container .govuk-phase-banner.govuk-width-container {\n    margin-right: 0;\n    margin-left: 0;\n  }\n\n  .govuk-phase-banner__content {\n    @include govuk-font($size: 16);\n\n    display: table;\n    margin: 0;\n    color: govuk-functional-colour(text);\n  }\n\n  .govuk-phase-banner__content__tag {\n    @include govuk-font-size($size: 16);\n    margin-right: govuk-spacing(3);\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      margin-right: govuk-spacing(2);\n    }\n  }\n\n  .govuk-phase-banner__text {\n    display: table-cell;\n    vertical-align: middle;\n  }\n}\n"]}