{"version":3,"sources":["../../../../src/nhsuk/core/utilities/_grid-widths.scss"],"names":[],"mappings":"AAAA,gBAAgB;AAChB,oBAAoB;;AAEpB,GAAG;AACH,cAAc;AACd,EAAE;AACF,wCAAwC;AACxC,EAAE;AACF,qDAAqD;AACrD,0DAA0D;AAC1D,oCAAoC;AACpC,EAAE;AACF,mBAAmB;AACnB,EAAE;AACF,gBAAgB;AAChB,yCAAyC;AACzC,GAAG;;AAEH,gDAAgD;AAChD,uCAAuC;AACvC,4CAA4C;;AAE5C;EACE,iDAAiD;EACjD,WAAW;AACb;;AAEA;EACE,iDAAiD;EACjD,WAAW;AACb;;AAEA;EACE,iDAAiD;EACjD,WAAW;AACb;;AAEA;EACE,iDAAiD;EACjD,WAAW;AACb;;AAEA;EACE,iDAAiD;EACjD,WAAW;AACb;;AAEA,6CAA6C;AAC7C,WAAW;AACX,CAAC;AACD,oDAAoD;AACpD,iDAAiD;AACjD,yCAAyC;AACzC,WAAW;;AAEX;EACE,sBAAsB;EACtB;IACE,iDAAiD;IACjD,WAAW;EACb;AACF;;AAEA;EACE,sBAAsB;EACtB;IACE,iDAAiD;IACjD,WAAW;EACb;AACF;;AAEA;EACE,sBAAsB;EACtB;IACE,iDAAiD;IACjD,WAAW;EACb;AACF;;AAEA;EACE,sBAAsB;EACtB;IACE,iDAAiD;IACjD,WAAW;EACb;AACF;;AAEA;EACE,sBAAsB;EACtB;IACE,iDAAiD;IACjD,WAAW;EACb;AACF","file":"_grid-widths.scss","sourcesContent":["@use \"sass:math\";\n@use \"../tools\" as *;\n\n////\n/// Grid widths\n///\n/// Force grid widths on all screen sizes\n///\n/// By default all grid elements will go to 100% width\n/// on screen sizes below tablet, these utilities can force\n/// custom widths on all screen sizes\n///\n/// @group utilities\n///\n/// @example html\n///   <div class=\"nhsuk-u-one-half\"></div>\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-one-half {\n  width: math.percentage(math.div(1, 2)) !important;\n  float: left;\n}\n\n.nhsuk-u-one-third {\n  width: math.percentage(math.div(1, 3)) !important;\n  float: left;\n}\n\n.nhsuk-u-two-thirds {\n  width: math.percentage(math.div(2, 3)) !important;\n  float: left;\n}\n\n.nhsuk-u-one-quarter {\n  width: math.percentage(math.div(1, 4)) !important;\n  float: left;\n}\n\n.nhsuk-u-three-quarters {\n  width: math.percentage(math.div(3, 4)) !important;\n  float: left;\n}\n\n// Force grid widths on screen sizes on tablet\n// and above\n//\n// By default all grid elements will go to 100% width\n// on every screen size, these utilities can force\n// custom widths on screen sizes on tablet\n// and above\n\n.nhsuk-u-one-half-tablet {\n  width: 100% !important;\n  @include nhsuk-media-query($from: tablet) {\n    width: math.percentage(math.div(1, 2)) !important;\n    float: left;\n  }\n}\n\n.nhsuk-u-one-third-tablet {\n  width: 100% !important;\n  @include nhsuk-media-query($from: tablet) {\n    width: math.percentage(math.div(1, 3)) !important;\n    float: left;\n  }\n}\n\n.nhsuk-u-two-thirds-tablet {\n  width: 100% !important;\n  @include nhsuk-media-query($from: tablet) {\n    width: math.percentage(math.div(2, 3)) !important;\n    float: left;\n  }\n}\n\n.nhsuk-u-one-quarter-tablet {\n  width: 100% !important;\n  @include nhsuk-media-query($from: tablet) {\n    width: math.percentage(math.div(1, 4)) !important;\n    float: left;\n  }\n}\n\n.nhsuk-u-three-quarters-tablet {\n  width: 100% !important;\n  @include nhsuk-media-query($from: tablet) {\n    width: math.percentage(math.div(3, 4)) !important;\n    float: left;\n  }\n}\n"]}