Sha256: 87766123b8b2ed4b3c19ba20af3ca8bc5b8851c85bb61e7855a413fe7ee4e4ee
Contents?: true
Size: 1.69 KB
Versions: 25
Compression:
Stored size: 1.69 KB
Contents
{"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,+BAA+B;EAC/B;;;MAII,QAAQ;IACV;AACJ","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 // stylelint-disable indentation\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"]}
Version data entries
25 entries across 25 versions & 1 rubygems