{"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"]}