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

Added retina image support mixin

Browse Source
This commit is contained in:
Danny Keane 2013-02-11 18:23:21 -08:00
parent 1dda3c395a
commit e8dc036d25
1 changed files with 26 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
less/mixins.less
View File

@ -374,6 +374,32 @@
}
// RETINA IMAGE SUPPORT
// --------------------------------------------------
// Retina background image support with non-retina fall back
// Usage example can be found here: https://gist.github.com/dannykeane/4754113
.retina-image(@file, @type, @repeat, @width, @height, @posx, @posy) {
background-image: url('@{file}.@{type}');
background-repeat: @repeat;
background-position: @posx @posy;
@media print,
screen,
(-webkit-min-device-pixel-ratio: 1.25),
(~`"-o-min-device-pixel-ratio: 1.25/1"`),
(min--moz-device-pixel-ratio: 1.25),
(-moz-min-device-pixel-ratio: 1.25),
(-ms-min-device-pixel-ratio: 1.25),
(min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi),
(min-resolution: 1.25dppx) {
background-size: @width @height;
background-image: url('@{file}@2x.@{type}');
background-position: @posx * 2 @posy * 2;
}
}
// COMPONENT MIXINS
// --------------------------------------------------