{"version":3,"sources":["../../../../src/nhsuk/core/objects/_main-wrapper.scss"],"names":[],"mappings":"AAAA,oBAAoB;;AAEpB,GAAG;AACH,mCAAmC;AACnC,EAAE;AACF,6GAA6G;AAC7G,EAAE;AACF,EAAE;AACF,4EAA4E;AAC5E,wCAAwC;AACxC,0EAA0E;AAC1E,uCAAuC;AACvC,6EAA6E;AAC7E,kCAAkC;AAClC,aAAa;AACb,WAAW;AACX,EAAE;AACF,+EAA+E;AAC/E,wCAAwC;AACxC,6DAA6D;AAC7D,6EAA6E;AAC7E,kCAAkC;AAClC,aAAa;AACb,WAAW;AACX,EAAE;AACF,wBAAwB;AACxB,GAAG;;AAEH;EACE;IACE,kEAAkE;IAClE,uDAAuD;IACvD,gDAAgD;IAChD,cAAc;IACd,6BAA6B;IAC7B,gCAAgC;IAChC,6BAA6B;;IAE7B;MACE,6BAA6B;MAC7B,gCAAgC;IAClC;EACF;;EAEA;IACE,6BAA6B;IAC7B,gCAAgC;;IAEhC;MACE,6BAA6B;MAC7B,gCAAgC;IAClC;EACF;;EAEA;IACE,6BAA6B;IAC7B,gCAAgC;;IAEhC;MACE,6BAA6B;MAC7B,gCAAgC;IAClC;EACF;AACF","file":"_main-wrapper.scss","sourcesContent":["@use \"../tools\" as *;\n\n////\n/// Page wrapper for the grid system\n///\n/// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)\n///\n///\n/// @example html - Example usage with Breadcrumbs, phase banners, back links\n///   <div class=\"nhsuk-width-container\">\n///     <!-- Breadcrumbs, phase banners, back links are placed in here. -->\n///     <div class=\"nhsuk-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 html - Example usage without Breadcrumbs, phase banners, back links\n///   <div class=\"nhsuk-width-container\">\n///     <div class=\"nhsuk-main-wrapper nhsuk-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/// @group objects/layout\n////\n\n@include nhsuk-exports(\"nhsuk/core/objects/main-wrapper\") {\n  .nhsuk-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: nhsuk-spacing(4);\n    padding-bottom: nhsuk-spacing(4);\n    @include nhsuk-top-and-bottom;\n\n    @include nhsuk-media-query($from: tablet) {\n      padding-top: nhsuk-spacing(7);\n      padding-bottom: nhsuk-spacing(7);\n    }\n  }\n\n  .nhsuk-main-wrapper--l {\n    padding-top: nhsuk-spacing(6);\n    padding-bottom: nhsuk-spacing(6);\n\n    @include nhsuk-media-query($from: tablet) {\n      padding-top: nhsuk-spacing(8);\n      padding-bottom: nhsuk-spacing(8);\n    }\n  }\n\n  .nhsuk-main-wrapper--s {\n    padding-top: nhsuk-spacing(3);\n    padding-bottom: nhsuk-spacing(3);\n\n    @include nhsuk-media-query($from: tablet) {\n      padding-top: nhsuk-spacing(4);\n      padding-bottom: nhsuk-spacing(4);\n    }\n  }\n}\n"]}