Sha256: 55def382380c4383cc548ee4f70fcebbda3588a8c7a8dd4b60e9648f850f6067
Contents?: true
Size: 1.64 KB
Versions: 63
Compression:
Stored size: 1.64 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;;;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"]}
Version data entries
63 entries across 63 versions & 2 rubygems