{"version":3,"sources":["../../../../src/nhsuk/core/utilities/_widths.scss"],"names":[],"mappings":"AAAA,gBAAgB;AAChB,oBAAoB;;AAEpB,GAAG;AACH,SAAS;AACT,EAAE;AACF,2CAA2C;AAC3C,EAAE;AACF,mBAAmB;AACnB,6GAA6G;AAC7G,EAAE;AACF,gBAAgB;AAChB,2FAA2F;AAC3F,GAAG;;AAEH,gDAAgD;AAChD,uCAAuC;AACvC,4CAA4C;;AAE5C;EACE,sBAAsB;AACxB;;AAEA;EACE,sBAAsB;;EAEtB;IACE,iDAAiD;EACnD;AACF;;AAEA;EACE,sBAAsB;;EAEtB;IACE,iDAAiD;EACnD;AACF;;AAEA;EACE,sBAAsB;;EAEtB;IACE,iDAAiD;EACnD;AACF;;AAEA;EACE,sBAAsB;;EAEtB;IACE,iDAAiD;EACnD;AACF;;AAEA;EACE,sBAAsB;;EAEtB;IACE,iDAAiD;EACnD;AACF","file":"_widths.scss","sourcesContent":["@use \"sass:math\";\n@use \"../tools\" as *;\n\n////\n/// Widths\n///\n/// Force element widths on all screen sizes\n///\n/// @group utilities\n/// @link https://github.com/alphagov/govuk-frontend Original code taken from GDS (Government Digital Service)\n///\n/// @example html\n///   <input class=\"nhsuk-input nhsuk-u-width-full\" id=\"example\" name=\"example\" type=\"text\">\n////\n\n// Utility classes are allowed to use !important;\n// so we disable stylelint for that rule\n// stylelint-disable declaration-no-important\n\n.nhsuk-u-width-full {\n  width: 100% !important;\n}\n\n.nhsuk-u-width-three-quarters {\n  width: 100% !important;\n\n  @include nhsuk-media-query($from: tablet) {\n    width: math.percentage(math.div(3, 4)) !important;\n  }\n}\n\n.nhsuk-u-width-two-thirds {\n  width: 100% !important;\n\n  @include nhsuk-media-query($from: tablet) {\n    width: math.percentage(math.div(2, 3)) !important;\n  }\n}\n\n.nhsuk-u-width-one-half {\n  width: 100% !important;\n\n  @include nhsuk-media-query($from: tablet) {\n    width: math.percentage(math.div(1, 2)) !important;\n  }\n}\n\n.nhsuk-u-width-one-third {\n  width: 100% !important;\n\n  @include nhsuk-media-query($from: tablet) {\n    width: math.percentage(math.div(1, 3)) !important;\n  }\n}\n\n.nhsuk-u-width-one-quarter {\n  width: 100% !important;\n\n  @include nhsuk-media-query($from: tablet) {\n    width: math.percentage(math.div(1, 4)) !important;\n  }\n}\n"]}