{"version":3,"sources":["../../../src/moj/objects/_width-container.scss"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,oCAAoC;;AAEpC;EACE,oDAAoD;EACpD,iBAAiB;;EAEjB,mCAAmC;EACnC,0BAA0B;;EAE1B,mCAAmC;EACnC;IACE,qBAAqB;EACvB;;EAEA,wEAAwE;EACxE,6DAA6D;EAC7D;IACE,cAAc;EAChB;AACF","file":"_width-container.scss","sourcesContent":["@use \"../settings/measurements\" as *;\n@use \"../vendor/govuk-frontend\" as *;\n\n@mixin moj-width-container($width: $moj-page-width) {\n  // Limit the width of the container to the page width\n  max-width: $width;\n\n  // On mobile, add half width gutters\n  margin: 0 $moj-gutter-half;\n\n  // On tablet, add full width gutters\n  @include govuk-media-query($from: tablet) {\n    margin: 0 $moj-gutter;\n  }\n\n  // As soon as the viewport is greater than the width of the page plus the\n  // gutters, just centre the content instead of adding gutters.\n  @include govuk-media-query($and: \"(min-width: #{($width + $moj-gutter * 2)})\") {\n    margin: 0 auto;\n  }\n}\n"]}