govuk_publishing_components 39.2.5 → 40.0.0

data/node_modules/govuk-frontend/dist/govuk/helpers/_colour.scss

@@ -0,0 +1,91 @@
+@import "../settings/colours-palette";
+@import "../settings/colours-organisations";
+@import "../settings/warnings";
+
+////
+/// @group helpers/colour
+////
+
+/// Get colour
+///
+/// @param {String | Colour} $colour - Name of colour from the colour palette
+///   (`$govuk-colours`)
+/// @param {String | Colour | Boolean} $legacy [false] - Deprecated.
+///   The `$legacy` parameter is deprecated and is non-operational, as the
+///   legacy colour palette has been removed. The parameter will be removed in
+///   the next major version.
+/// @return {Colour} Representation of named colour
+///
+/// @throw if `$colour` is not a colour from the colour palette
+/// @access public
+
+@function govuk-colour($colour, $legacy: false) {
+  // Output a warning if $legacy is set to anything.
+  @if $legacy and _should-warn("legacy-colour-param") {
+    @warn _warning-text("legacy-colour-param", "The `$legacy` parameter of " +
+    "`govuk-colour` is deprecated and is non-operational. It will be " +
+    "removed in the next major version.");
+  }
+
+  @if type-of($colour) == "color" {
+    // stylelint-disable-next-line scss/function-quote-no-quoted-strings-inside
+    $colour: quote("#{$colour}");
+  }
+
+  @if not map-has-key($govuk-colours, $colour) {
+    @error "Unknown colour `#{$colour}`";
+  }
+
+  @return map-get($govuk-colours, $colour);
+}
+
+/// Get the colour for a government organisation
+///
+/// @param {String} $organisation - Organisation name, lowercase, hyphenated
+/// @param {Boolean} $websafe [true] - By default a 'websafe' version of the
+///   colour will be returned which meets contrast requirements . If you want to
+///   use the non-websafe version you can set this to `false` but your should
+///   ensure that you still meets contrast requirements for accessibility - for
+///   example, do not use the non-websafe version for text.
+///
+/// @return {Colour} Representation of colour for organisation
+/// @throw if `$organisation` is not a known organisation
+/// @access public
+
+@function govuk-organisation-colour($organisation, $websafe: true) {
+  @if not map-has-key($govuk-colours-organisations, $organisation) {
+    @error "Unknown organisation `#{$organisation}`";
+  }
+
+  $org-colour: map-get($govuk-colours-organisations, $organisation);
+
+  @if $websafe and map-has-key($org-colour, colour-websafe) {
+    @return map-get($org-colour, colour-websafe);
+  } @else {
+    @return map-get($org-colour, colour);
+  }
+}
+
+/// Make a colour darker by mixing it with black
+///
+/// @param {Colour} $colour - colour to shade
+/// @param {Number} $percentage - percentage of black to mix with $colour
+/// @return {Colour}
+/// @access public
+
+@function govuk-shade($colour, $percentage) {
+  @return mix(#000000, $colour, $percentage);
+}
+
+/// Make a colour lighter by mixing it with white
+///
+/// @param {Colour} $colour - colour to tint
+/// @param {Number} $percentage - percentage of white to mix with $colour
+/// @return {Colour}
+/// @access public
+
+@function govuk-tint($colour, $percentage) {
+  @return mix(govuk-colour("white"), $colour, $percentage);
+}
+
+/*# sourceMappingURL=_colour.scss.map */

data/node_modules/govuk-frontend/dist/govuk/helpers/_colour.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/helpers/_colour.scss"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,2CAA2C;AAC3C,8BAA8B;;AAE9B,GAAG;AACH,wBAAwB;AACxB,GAAG;;AAEH,aAAa;AACb,EAAE;AACF,4EAA4E;AAC5E,uBAAuB;AACvB,mEAAmE;AACnE,yEAAyE;AACzE,6EAA6E;AAC7E,4BAA4B;AAC5B,kDAAkD;AAClD,EAAE;AACF,8DAA8D;AAC9D,iBAAiB;;AAEjB;EACE,iDAAiD;EACjD;IACE;;yCAEqC;EACvC;;EAEA;IACE,0EAA0E;IAC1E,4BAA4B;EAC9B;;EAEA;IACE,oCAAoC;EACtC;;EAEA,wCAAwC;AAC1C;;AAEA,+CAA+C;AAC/C,EAAE;AACF,2EAA2E;AAC3E,2EAA2E;AAC3E,+EAA+E;AAC/E,4EAA4E;AAC5E,8EAA8E;AAC9E,0DAA0D;AAC1D,EAAE;AACF,6DAA6D;AAC7D,wDAAwD;AACxD,iBAAiB;;AAEjB;EACE;IACE,gDAAgD;EAClD;;EAEA,iEAAiE;;EAEjE;IACE,4CAA4C;EAC9C,EAAE;IACA,oCAAoC;EACtC;AACF;;AAEA,+CAA+C;AAC/C,EAAE;AACF,4CAA4C;AAC5C,wEAAwE;AACxE,mBAAmB;AACnB,iBAAiB;;AAEjB;EACE,0CAA0C;AAC5C;;AAEA,gDAAgD;AAChD,EAAE;AACF,2CAA2C;AAC3C,wEAAwE;AACxE,mBAAmB;AACnB,iBAAiB;;AAEjB;EACE,wDAAwD;AAC1D","file":"_colour.scss","sourcesContent":["@import \"../settings/colours-palette\";\n@import \"../settings/colours-organisations\";\n@import \"../settings/warnings\";\n\n////\n/// @group helpers/colour\n////\n\n/// Get colour\n///\n/// @param {String | Colour} $colour - Name of colour from the colour palette\n///   (`$govuk-colours`)\n/// @param {String | Colour | Boolean} $legacy [false] - Deprecated.\n///   The `$legacy` parameter is deprecated and is non-operational, as the\n///   legacy colour palette has been removed. The parameter will be removed in\n///   the next major version.\n/// @return {Colour} Representation of named colour\n///\n/// @throw if `$colour` is not a colour from the colour palette\n/// @access public\n\n@function govuk-colour($colour, $legacy: false) {\n  // Output a warning if $legacy is set to anything.\n  @if $legacy and _should-warn(\"legacy-colour-param\") {\n    @warn _warning-text(\"legacy-colour-param\", \"The `$legacy` parameter of \" +\n    \"`govuk-colour` is deprecated and is non-operational. It will be \" +\n    \"removed in the next major version.\");\n  }\n\n  @if type-of($colour) == \"color\" {\n    // stylelint-disable-next-line scss/function-quote-no-quoted-strings-inside\n    $colour: quote(\"#{$colour}\");\n  }\n\n  @if not map-has-key($govuk-colours, $colour) {\n    @error \"Unknown colour `#{$colour}`\";\n  }\n\n  @return map-get($govuk-colours, $colour);\n}\n\n/// Get the colour for a government organisation\n///\n/// @param {String} $organisation - Organisation name, lowercase, hyphenated\n/// @param {Boolean} $websafe [true] - By default a 'websafe' version of the\n///   colour will be returned which meets contrast requirements . If you want to\n///   use the non-websafe version you can set this to `false` but your should\n///   ensure that you still meets contrast requirements for accessibility - for\n///   example, do not use the non-websafe version for text.\n///\n/// @return {Colour} Representation of colour for organisation\n/// @throw if `$organisation` is not a known organisation\n/// @access public\n\n@function govuk-organisation-colour($organisation, $websafe: true) {\n  @if not map-has-key($govuk-colours-organisations, $organisation) {\n    @error \"Unknown organisation `#{$organisation}`\";\n  }\n\n  $org-colour: map-get($govuk-colours-organisations, $organisation);\n\n  @if $websafe and map-has-key($org-colour, colour-websafe) {\n    @return map-get($org-colour, colour-websafe);\n  } @else {\n    @return map-get($org-colour, colour);\n  }\n}\n\n/// Make a colour darker by mixing it with black\n///\n/// @param {Colour} $colour - colour to shade\n/// @param {Number} $percentage - percentage of black to mix with $colour\n/// @return {Colour}\n/// @access public\n\n@function govuk-shade($colour, $percentage) {\n  @return mix(#000000, $colour, $percentage);\n}\n\n/// Make a colour lighter by mixing it with white\n///\n/// @param {Colour} $colour - colour to tint\n/// @param {Number} $percentage - percentage of white to mix with $colour\n/// @return {Colour}\n/// @access public\n\n@function govuk-tint($colour, $percentage) {\n  @return mix(govuk-colour(\"white\"), $colour, $percentage);\n}\n"]}

data/node_modules/govuk-frontend/dist/govuk/helpers/_device-pixels.scss

@@ -0,0 +1,38 @@
+////
+/// @group helpers
+////
+
+/// Media query for retina images (device-pixel-ratio)
+///
+/// @param {Number} $ratio [2] - Device pixel ratio
+/// @content Passed content will be outputted within the media query
+///
+/// @example scss - Providing a @2x image for screens that support it
+///   background-image: govuk-image-url("my-image.png");
+///
+///   @include govuk-device-pixel-ratio {
+///     background-image: govuk-image-url("my-image-2x.png");
+///   }
+///
+/// @example scss - Using a custom ratio
+///   background-image: govuk-image-url("my-image.png");
+///
+///   @include govuk-device-pixel-ratio {
+///     background-image: govuk-image-url("my-image-2x.png");
+///   }
+///
+///   @include govuk-device-pixel-ratio(3) {
+///     background-image: govuk-image-url("my-image-3x.png");
+///   }
+///
+/// @access public
+
+@mixin govuk-device-pixel-ratio($ratio: 2) {
+  @media only screen and (-webkit-min-device-pixel-ratio: $ratio),
+    only screen and (min-resolution: #{($ratio * 96)}dpi),
+    only screen and (min-resolution: #{$ratio}dppx) {
+    @content;
+  }
+}
+
+/*# sourceMappingURL=_device-pixels.scss.map */

data/node_modules/govuk-frontend/dist/govuk/helpers/_device-pixels.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/helpers/_device-pixels.scss"],"names":[],"mappings":"AAAA,GAAG;AACH,iBAAiB;AACjB,GAAG;;AAEH,qDAAqD;AACrD,EAAE;AACF,kDAAkD;AAClD,mEAAmE;AACnE,EAAE;AACF,oEAAoE;AACpE,uDAAuD;AACvD,EAAE;AACF,wCAAwC;AACxC,4DAA4D;AAC5D,MAAM;AACN,EAAE;AACF,uCAAuC;AACvC,uDAAuD;AACvD,EAAE;AACF,wCAAwC;AACxC,4DAA4D;AAC5D,MAAM;AACN,EAAE;AACF,2CAA2C;AAC3C,4DAA4D;AAC5D,MAAM;AACN,EAAE;AACF,iBAAiB;;AAEjB;EACE;;;IAIE,QAAQ;EACV;AACF","file":"_device-pixels.scss","sourcesContent":["////\n/// @group helpers\n////\n\n/// Media query for retina images (device-pixel-ratio)\n///\n/// @param {Number} $ratio [2] - Device pixel ratio\n/// @content Passed content will be outputted within the media query\n///\n/// @example scss - Providing a @2x image for screens that support it\n///   background-image: govuk-image-url(\"my-image.png\");\n///\n///   @include govuk-device-pixel-ratio {\n///     background-image: govuk-image-url(\"my-image-2x.png\");\n///   }\n///\n/// @example scss - Using a custom ratio\n///   background-image: govuk-image-url(\"my-image.png\");\n///\n///   @include govuk-device-pixel-ratio {\n///     background-image: govuk-image-url(\"my-image-2x.png\");\n///   }\n///\n///   @include govuk-device-pixel-ratio(3) {\n///     background-image: govuk-image-url(\"my-image-3x.png\");\n///   }\n///\n/// @access public\n\n@mixin govuk-device-pixel-ratio($ratio: 2) {\n  @media only screen and (-webkit-min-device-pixel-ratio: $ratio),\n    only screen and (-o-min-device-pixel-ratio: #{($ratio * 10)} / 10),\n    only screen and (min-resolution: #{($ratio * 96)}dpi),\n    only screen and (min-resolution: #{$ratio}dppx) {\n    @content;\n  }\n}\n"]}

data/node_modules/govuk-frontend/dist/govuk/helpers/_focused.scss

@@ -0,0 +1,49 @@
+////
+/// @group helpers/accessibility
+////
+
+/// Focused text
+///
+/// Provides an outline to clearly indicate when the target element is focused.
+/// Used for interactive text-based elements.
+///
+/// @access public
+
+@mixin govuk-focused-text {
+  // When colours are overridden, for example when users have a dark mode,
+  // backgrounds and box-shadows disappear, so we need to ensure there's a
+  // transparent outline which will be set to a visible colour.
+
+  outline: $govuk-focus-width solid transparent;
+  color: $govuk-focus-text-colour;
+  background-color: $govuk-focus-colour;
+  box-shadow:
+    0 -2px $govuk-focus-colour,
+    0 4px $govuk-focus-text-colour;
+  // When link is focussed, hide the default underline since the
+  // box shadow adds the "underline"
+  text-decoration: none;
+
+  // When a focused box is broken by e.g. a line break, ensure that the
+  // box-shadow is applied to each fragment independently.
+  -webkit-box-decoration-break: clone;
+          box-decoration-break: clone;
+}
+
+/// Focused box
+///
+/// Provides an outline to clearly indicate when the target element is focused.
+/// Unlike govuk-focused-text, which only draws an underline below the element,
+/// govuk-focused-box draws an outline around all sides of the element.
+/// Best used for non-text content contained within links.
+///
+/// @access public
+
+@mixin govuk-focused-box {
+  outline: $govuk-focus-width solid transparent;
+  box-shadow:
+    0 0 0 4px $govuk-focus-colour,
+    0 0 0 8px $govuk-focus-text-colour;
+}
+
+/*# sourceMappingURL=_focused.scss.map */

data/node_modules/govuk-frontend/dist/govuk/helpers/_focused.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/helpers/_focused.scss"],"names":[],"mappings":"AAAA,GAAG;AACH,+BAA+B;AAC/B,GAAG;;AAEH,eAAe;AACf,EAAE;AACF,8EAA8E;AAC9E,4CAA4C;AAC5C,EAAE;AACF,iBAAiB;;AAEjB;EACE,uEAAuE;EACvE,uEAAuE;EACvE,4DAA4D;;EAE5D,6CAA6C;EAC7C,+BAA+B;EAC/B,qCAAqC;EACrC;;kCAEgC;EAChC,6DAA6D;EAC7D,iCAAiC;EACjC,qBAAqB;;EAErB,oEAAoE;EACpE,uDAAuD;EACvD,mCAA2B;UAA3B,2BAA2B;AAC7B;;AAEA,cAAc;AACd,EAAE;AACF,8EAA8E;AAC9E,8EAA8E;AAC9E,sEAAsE;AACtE,yDAAyD;AACzD,EAAE;AACF,iBAAiB;;AAEjB;EACE,6CAA6C;EAC7C;;sCAEoC;AACtC","file":"_focused.scss","sourcesContent":["////\n/// @group helpers/accessibility\n////\n\n/// Focused text\n///\n/// Provides an outline to clearly indicate when the target element is focused.\n/// Used for interactive text-based elements.\n///\n/// @access public\n\n@mixin govuk-focused-text {\n  // When colours are overridden, for example when users have a dark mode,\n  // backgrounds and box-shadows disappear, so we need to ensure there's a\n  // transparent outline which will be set to a visible colour.\n\n  outline: $govuk-focus-width solid transparent;\n  color: $govuk-focus-text-colour;\n  background-color: $govuk-focus-colour;\n  box-shadow:\n    0 -2px $govuk-focus-colour,\n    0 4px $govuk-focus-text-colour;\n  // When link is focussed, hide the default underline since the\n  // box shadow adds the \"underline\"\n  text-decoration: none;\n\n  // When a focused box is broken by e.g. a line break, ensure that the\n  // box-shadow is applied to each fragment independently.\n  box-decoration-break: clone;\n}\n\n/// Focused box\n///\n/// Provides an outline to clearly indicate when the target element is focused.\n/// Unlike govuk-focused-text, which only draws an underline below the element,\n/// govuk-focused-box draws an outline around all sides of the element.\n/// Best used for non-text content contained within links.\n///\n/// @access public\n\n@mixin govuk-focused-box {\n  outline: $govuk-focus-width solid transparent;\n  box-shadow:\n    0 0 0 4px $govuk-focus-colour,\n    0 0 0 8px $govuk-focus-text-colour;\n}\n"]}

data/node_modules/govuk-frontend/dist/govuk/helpers/_font-faces.scss

@@ -0,0 +1,41 @@
+////
+/// @group helpers
+////
+
+@import "../tools/exports";
+
+/// Font Face - GDS Transport
+///
+/// Outputs the font-face declaration for GDS Transport at the root of the CSS document
+/// the first time it is called.
+///
+/// @access private
+
+@mixin _govuk-font-face-gds-transport {
+  @include govuk-exports("govuk/helpers/font-faces") {
+    @at-root {
+      /*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */ /* stylelint-disable-line scss/comment-no-loud  */
+      @font-face {
+        font-family: "GDS Transport";
+        font-style: normal;
+        font-weight: normal;
+        src:
+          govuk-font-url("light-94a07e06a1-v2.woff2") format("woff2"),
+          govuk-font-url("light-f591b13f7d-v2.woff") format("woff");
+        font-display: fallback;
+      }
+
+      @font-face {
+        font-family: "GDS Transport";
+        font-style: normal;
+        font-weight: bold;
+        src:
+          govuk-font-url("bold-b542beb274-v2.woff2") format("woff2"),
+          govuk-font-url("bold-affa96571d-v2.woff") format("woff");
+        font-display: fallback;
+      }
+    }
+  }
+}
+
+/*# sourceMappingURL=_font-faces.scss.map */

data/node_modules/govuk-frontend/dist/govuk/helpers/_font-faces.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/helpers/_font-faces.scss"],"names":[],"mappings":"AAAA,GAAG;AACH,iBAAiB;AACjB,GAAG;;AAEH,0BAA0B;;AAE1B,4BAA4B;AAC5B,EAAE;AACF,sFAAsF;AACtF,+BAA+B;AAC/B,EAAE;AACF,kBAAkB;;AAElB;EACE;IACE;MACE,mLAAmL,EAAE,iDAAiD;MACtO;QACE,4BAA4B;QAC5B,kBAAkB;QAClB,mBAAmB;QACnB;;mEAE2D;QAC3D,sBAAsB;MACxB;;MAEA;QACE,4BAA4B;QAC5B,kBAAkB;QAClB,iBAAiB;QACjB;;kEAE0D;QAC1D,sBAAsB;MACxB;IACF;EACF;AACF","file":"_font-faces.scss","sourcesContent":["////\n/// @group helpers\n////\n\n@import \"../tools/exports\";\n\n/// Font Face - GDS Transport\n///\n/// Outputs the font-face declaration for GDS Transport at the root of the CSS document\n/// the first time it is called.\n///\n/// @access private\n\n@mixin _govuk-font-face-gds-transport {\n  @include govuk-exports(\"govuk/helpers/font-faces\") {\n    @at-root {\n      /*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */ /* stylelint-disable-line scss/comment-no-loud  */\n      @font-face {\n        font-family: \"GDS Transport\";\n        font-style: normal;\n        font-weight: normal;\n        src:\n          govuk-font-url(\"light-94a07e06a1-v2.woff2\") format(\"woff2\"),\n          govuk-font-url(\"light-f591b13f7d-v2.woff\") format(\"woff\");\n        font-display: fallback;\n      }\n\n      @font-face {\n        font-family: \"GDS Transport\";\n        font-style: normal;\n        font-weight: bold;\n        src:\n          govuk-font-url(\"bold-b542beb274-v2.woff2\") format(\"woff2\"),\n          govuk-font-url(\"bold-affa96571d-v2.woff\") format(\"woff\");\n        font-display: fallback;\n      }\n    }\n  }\n}\n"]}

data/node_modules/govuk-frontend/dist/govuk/helpers/_grid.scss

@@ -0,0 +1,63 @@
+////
+/// @group helpers/layout
+////
+
+/// Grid width percentage
+///
+/// @param {String} $key - Name of grid width (e.g. two-thirds)
+/// @return {Number} Percentage width
+/// @throw if `$key` is not a valid grid width
+/// @access public
+
+@function govuk-grid-width($key) {
+  @if map-has-key($govuk-grid-widths, $key) {
+    @return map-get($govuk-grid-widths, $key);
+  }
+
+  @error "Unknown grid width `#{$key}`";
+}
+
+/// Generate grid column styles
+///
+/// Creates a grid column with standard gutter between the columns.
+///
+/// Grid widths are defined in the `$govuk-grid-widths` map.
+///
+/// By default the column width changes from 100% to specified width at the
+/// 'tablet' breakpoint, but other breakpoints can be specified using the `$at`
+/// parameter.
+///
+/// @param {String} $width [full] name of a grid width from $govuk-grid-widths
+/// @param {String} $float [left] left | right
+/// @param {String} $at [tablet] - mobile | tablet | desktop | any custom breakpoint
+///
+/// @example scss - Default
+///   .govuk-grid-column-two-thirds {
+///     @include govuk-grid-column(two-thirds)
+///   }
+///
+/// @example scss - Customising the breakpoint where width percentage is applied
+///   .govuk-grid-column-one-half-at-desktop {
+///     @include govuk-grid-column(one-half, $at: desktop);
+///   }
+///
+/// @example scss - Customising the float direction
+///   .govuk-grid-column-one-half-right {
+///     @include govuk-grid-column(two-thirds, $float: right);
+///   }
+///
+/// @access public
+
+@mixin govuk-grid-column($width: full, $float: left, $at: tablet) {
+  box-sizing: border-box;
+  @if $at != desktop {
+    width: 100%;
+  }
+  padding: 0 $govuk-gutter-half;
+  @include govuk-media-query($from: $at) {
+    width: govuk-grid-width($width);
+    float: $float;
+  }
+}
+
+/*# sourceMappingURL=_grid.scss.map */

data/node_modules/govuk-frontend/dist/govuk/helpers/_grid.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/govuk/helpers/_grid.scss"],"names":[],"mappings":"AAAA,GAAG;AACH,wBAAwB;AACxB,GAAG;;AAEH,wBAAwB;AACxB,EAAE;AACF,8DAA8D;AAC9D,oCAAoC;AACpC,6CAA6C;AAC7C,iBAAiB;;AAEjB;EACE;IACE,yCAAyC;EAC3C;;EAEA,qCAAqC;AACvC;;AAEA,8BAA8B;AAC9B,EAAE;AACF,kEAAkE;AAClE,EAAE;AACF,2DAA2D;AAC3D,EAAE;AACF,0EAA0E;AAC1E,8EAA8E;AAC9E,aAAa;AACb,EAAE;AACF,6EAA6E;AAC7E,6CAA6C;AAC7C,mFAAmF;AACnF,EAAE;AACF,0BAA0B;AAC1B,oCAAoC;AACpC,6CAA6C;AAC7C,MAAM;AACN,EAAE;AACF,+EAA+E;AAC/E,6CAA6C;AAC7C,0DAA0D;AAC1D,MAAM;AACN,EAAE;AACF,kDAAkD;AAClD,wCAAwC;AACxC,6DAA6D;AAC7D,MAAM;AACN,EAAE;AACF,iBAAiB;;AAEjB;EACE,sBAAsB;EACtB;IACE,WAAW;EACb;EACA,6BAA6B;EAC7B;IACE,+BAA+B;IAC/B,aAAa;EACf;AACF","file":"_grid.scss","sourcesContent":["////\n/// @group helpers/layout\n////\n\n/// Grid width percentage\n///\n/// @param {String} $key - Name of grid width (e.g. two-thirds)\n/// @return {Number} Percentage width\n/// @throw if `$key` is not a valid grid width\n/// @access public\n\n@function govuk-grid-width($key) {\n  @if map-has-key($govuk-grid-widths, $key) {\n    @return map-get($govuk-grid-widths, $key);\n  }\n\n  @error \"Unknown grid width `#{$key}`\";\n}\n\n/// Generate grid column styles\n///\n/// Creates a grid column with standard gutter between the columns.\n///\n/// Grid widths are defined in the `$govuk-grid-widths` map.\n///\n/// By default the column width changes from 100% to specified width at the\n/// 'tablet' breakpoint, but other breakpoints can be specified using the `$at`\n/// parameter.\n///\n/// @param {String} $width [full] name of a grid width from $govuk-grid-widths\n/// @param {String} $float [left] left | right\n/// @param {String} $at [tablet] - mobile | tablet | desktop | any custom breakpoint\n///\n/// @example scss - Default\n///   .govuk-grid-column-two-thirds {\n///     @include govuk-grid-column(two-thirds)\n///   }\n///\n/// @example scss - Customising the breakpoint where width percentage is applied\n///   .govuk-grid-column-one-half-at-desktop {\n///     @include govuk-grid-column(one-half, $at: desktop);\n///   }\n///\n/// @example scss - Customising the float direction\n///   .govuk-grid-column-one-half-right {\n///     @include govuk-grid-column(two-thirds, $float: right);\n///   }\n///\n/// @access public\n\n@mixin govuk-grid-column($width: full, $float: left, $at: tablet) {\n  box-sizing: border-box;\n  @if $at != desktop {\n    width: 100%;\n  }\n  padding: 0 $govuk-gutter-half;\n  @include govuk-media-query($from: $at) {\n    width: govuk-grid-width($width);\n    float: $float;\n  }\n}\n"]}