govuk-frontend
Version:
GOV.UK Frontend contains the code you need to start building a user interface for government platforms and services.
2 lines (1 loc) • 2.63 kB
Source Map (JSON)
{"version":3,"sources":["../../../src/govuk/objects/_main-wrapper.scss"],"names":[],"mappings":"AAAA,iBAAiB;;AAEjB,GAAG;AACH,wBAAwB;AACxB,GAAG;;AAEH,4DAA4D;AAC5D,qCAAqC;AACrC,uEAAuE;AACvE,oCAAoC;AACpC,4EAA4E;AAC5E,oCAAoC;AACpC,UAAU;AACV,QAAQ;AACR,CAAC;AACD,+DAA+D;AAC/D,qCAAqC;AACrC,0DAA0D;AAC1D,4EAA4E;AAC5E,oCAAoC;AACpC,UAAU;AACV,QAAQ;;AAER;EACE;IACE,kEAAkE;IAClE,uDAAuD;IACvD,gDAAgD;IAChD,cAAc;IACd,6BAA6B;IAC7B,gCAAgC;;IAEhC;MACE,8DAA8D;MAC9D,4DAA4D;MAC5D,oBAAoB;MACpB,6BAA6B;MAC7B,gCAAgC;IAClC;EACF;;EAEA,yEAAyE;EACzE,6DAA6D;EAC7D,yEAAyE;EACzE,uDAAuD;EACvD,CAAC;EACD,sDAAsD;EACtD,2CAA2C;EAC3C;;IAEE,2CAA2C;EAC7C;AACF","file":"_main-wrapper.scss","sourcesContent":["@import \"../base\";\n\n////\n/// @group objects/layout\n////\n\n// Example usage with Breadcrumbs, phase banners, back links:\n// <div class=\"govuk-width-container\">\n// <!-- Breadcrumbs, phase banners, back links are placed in here. -->\n// <div class=\"govuk-main-wrapper\">\n// <!-- Wrapper for the main content of your page which applies padding\n// to the top / bottom -->\n// </div>\n// </div>\n//\n// Example usage without Breadcrumbs, phase banners, back links:\n// <div class=\"govuk-width-container\">\n// <div class=\"govuk-main-wrapper govuk-main-wrapper--l\">\n// <!-- Wrapper for the main content of your page which applies padding\n// to the top / bottom -->\n// </div>\n// </div>\n\n@include govuk-exports(\"govuk/objects/main-wrapper\") {\n .govuk-main-wrapper {\n // In IE11 the `main` element can be used, but is not recognized –\n // meaning it's not defined in IE's default style sheet,\n // so it uses CSS initial value, which is inline.\n display: block;\n padding-top: govuk-spacing(4);\n padding-bottom: govuk-spacing(4);\n\n @media #{govuk-from-breakpoint(tablet)} {\n // This spacing is manually adjusted to replicate the margin of\n // govuk-heading-xl (50px) minus the spacing of back link and\n // breadcrumbs (10px)\n padding-top: govuk-spacing(7);\n padding-bottom: govuk-spacing(7);\n }\n }\n\n // Using the `.govuk-main-wrapper--auto-spacing` modifier should apply the\n // correct spacing depending on whether there are any elements\n // (such the back link, breadcrumbs or phase banner components) before the\n // `.govuk-main-wrapper` in the `govuk-width-container`.\n //\n // If you need to control the spacing manually, use the\n // `govuk-main-wrapper--l` modifier instead.\n .govuk-main-wrapper--auto-spacing:first-child,\n .govuk-main-wrapper--l {\n @include govuk-responsive-padding(8, \"top\");\n }\n}\n"]}