{"version":3,"sources":["../../../src/govuk/helpers/_media-queries.scss"],"names":[],"mappings":"AAAA,GAAG;AACH,wBAAwB;AACxB,GAAG;;AAEH,2DAA2D;AAC3D,2BAA2B;AAC3B,2DAA2D;;AAE3D,4EAA4E;AAC5E,+EAA+E;AAC/E,gGAAgG;;AAEhG,wBAAwB;;AAExB;EACE,kDAAkD;AACpD;;AAEA,6EAA6E;AAC7E,gCAAgC;;AAEhC,oBAAoB;AACpB;EACE,qBAAqB;AACvB;;AAEA,4EAA4E;AAC5E,4DAA4D;AAC5D,CAAC;AACD,+EAA+E;AAC/E,mCAAmC;AACnC,yCAAyC;;AAEzC;EACE,wBAAwB;AAC1B;;AAEA,2BAA2B;;AAE3B,+BAA+B;;AAE/B,2DAA2D;AAC3D,SAAS;AACT,2DAA2D;;AAE3D,cAAc;AACd,EAAE;AACF,wEAAwE;AACxE,4CAA4C;AAC5C,EAAE;AACF,sEAAsE;AACtE,uEAAuE;AACvE,6EAA6E;AAC7E,iEAAiE;AACjE,EAAE;AACF,sDAAsD;AACtD,yDAAyD;AACzD,qEAAqE;AACrE,uDAAuD;AACvD,EAAE;AACF,+EAA+E;AAC/E,EAAE;AACF,gBAAgB;AAChB,cAAc;AACd,iDAAiD;AACjD,mBAAmB;AACnB,OAAO;AACP,kDAAkD;AAClD,oBAAoB;AACpB,OAAO;AACP,kDAAkD;AAClD,qBAAqB;AACrB,OAAO;AACP,mFAAmF;AACnF,oBAAoB;AACpB,OAAO;AACP,yCAAyC;AACzC,uBAAuB;AACvB,OAAO;AACP,+DAA+D;AAC/D,uBAAuB;AACvB,OAAO;AACP,KAAK;AACL,EAAE;AACF,iBAAiB;;AAEjB;EACE;IACE,QAAQ;EACV;AACF","file":"_media-queries.scss","sourcesContent":["////\n/// @group helpers/layout\n////\n\n// =========================================================\n// Wrangle sass-mq config...\n// =========================================================\n\n// Pass our breakpoints and static breakpoint definitions through to sass-mq.\n$mq-breakpoints: if(variable-exists(govuk-breakpoints), $govuk-breakpoints, ());\n$mq-static-breakpoint: if(variable-exists(govuk-ie8-breakpoint), $govuk-ie8-breakpoint, desktop);\n\n$mq-show-breakpoints: ();\n\n@if variable-exists(govuk-show-breakpoints) and $govuk-show-breakpoints {\n  $mq-show-breakpoints: map-keys($govuk-breakpoints);\n}\n\n// When building a stylesheet for IE8, set $mq-responsive to false in order to\n// 'rasterize' any media queries.\n\n$mq-responsive: true;\n@if variable-exists(govuk-is-ie8) and $govuk-is-ie8 {\n  $mq-responsive: false;\n}\n\n// This is a horrible, horrible hack to prevent the 'dev mode' CSS to display\n// the current breakpoint from being included multiple times.\n//\n// We can't use the `exports` mixin for this because import directives cannot be\n// used within control directives 😠\n$sass-mq-already-included: false !default;\n\n@if $sass-mq-already-included {\n  $mq-show-breakpoints: ();\n}\n\n@import \"../vendor/sass-mq\";\n\n$sass-mq-already-included: true;\n\n// =========================================================\n// Helpers\n// =========================================================\n\n/// Media Query\n///\n/// This is a currently a wrapper for sass-mq - abstracted so that we can\n/// replace it in the future if we so choose.\n///\n/// @param {String | Boolean} $from [false] - One of $govuk-breakpoints\n/// @param {String | Boolean} $until [false] - One of $govuk-breakpoints\n/// @param {String | Boolean} $and [false] - Additional media query parameters\n/// @param {String} $media-type [all] - Media type: screen, print…\n///\n/// @ignore Undocumented mq API, for advanced use only:\n/// @ignore @param {Map} $breakpoints [$govuk-breakpoints]\n/// @ignore @param {String} $static-breakpoint [$govuk-ie8-breakpoint]\n/// @ignore @param {Boolean} $responsive [$govuk-is-ie8]\n///\n/// @content styling rules, wrapped into a @media query when $responsive is true\n///\n/// @example scss\n///  .element {\n///    @include govuk-media-query($from: mobile) {\n///      color: red;\n///    }\n///    @include govuk-media-query($until: tablet) {\n///      color: blue;\n///    }\n///    @include govuk-media-query(mobile, tablet) {\n///      color: green;\n///    }\n///    @include govuk-media-query($from: tablet, $and: '(orientation: landscape)') {\n///      color: teal;\n///    }\n///    @include govuk-media-query(950px) {\n///      color: hotpink;\n///    }\n///    @include govuk-media-query(tablet, $media-type: screen) {\n///      color: hotpink;\n///    }\n///  }\n///\n/// @access public\n\n@mixin govuk-media-query($args...) {\n  @include mq($args...) {\n    @content;\n  }\n}\n"]}