Skip to content
GitLab
Explore
Projects
Groups
Snippets
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
Bootstrap
bootstrap
Commits
bfa392b0
Commit
bfa392b0
authored
9 years ago
by
Mark Otto
Browse files
Options
Download
Plain Diff
Merge pull request #18105 from twbs/simpler-retina
Simplify .img-retina mixin and add explanatory comments
parents
18d6e1a6
e0aa54c6
Changes
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
scss/mixins/_image.scss
+6
-5
scss/mixins/_image.scss
with
6 additions
and
5 deletions
+6
-5
scss/mixins/_image.scss
+
6
-
5
View file @
bfa392b0
...
...
@@ -21,12 +21,13 @@
@mixin
img-retina
(
$file-1x
,
$file-2x
,
$width-1x
,
$height-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
only
screen
and
(
-
webkit-min-device-pixel-ratio
:
2
)
,
only
screen
and
(
-
o-min-device-pixel-ratio
:
2
/
1
)
,
only
screen
and
(
min-device-pixel-ratio
:
2
)
,
only
screen
and
(
min-resolution
:
192dpi
)
,
only
screen
and
(
min-resolution
:
2dppx
)
{
only
screen
and
(
min-resolution
:
192dpi
)
,
//
IE9-11
don
't support dppx
only screen and (min-resolution: 2dppx) { // Standardized
background-image: url($file-2x);
background-size: $width-1x $height-1x;
}
...
...
This diff is collapsed.
Click to expand it.
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment
Menu
Explore
Projects
Groups
Snippets