rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-18 10:52:19 +01:00
Code Issues Actions Packages Releases Activity

Simplify .img-retina mixin and add explanatory comments

Browse Source 
[skip sauce]
[skip validator]
This commit is contained in:
Chris Rebert 2015-10-29 17:33:21 -07:00
parent 4e90b944ea
commit e0aa54c684
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
scss/mixins/_image.scss
View File

@ -21,12 +21,13 @@
@mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) { @mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {
background-image: url($file-1x); background-image: url($file-1x);
// Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,
// but doesn't convert dppx=>dpi.
// There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.
// Compatibility info: http://caniuse.com/#feat=css-media-resolution
@media @media
only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx
only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and (min-resolution: 2dppx) { // Standardized
only screen and ( min-device-pixel-ratio: 2),
only screen and ( min-resolution: 192dpi),
only screen and ( min-resolution: 2dppx) {
background-image: url($file-2x); background-image: url($file-2x);
background-size: $width-1x $height-1x; background-size: $width-1x $height-1x;
} }