Hopiu/jquery-mobile
1
0
Fork 0
mirror of https://github.com/Hopiu/jquery-mobile.git synced 2026-03-17 06:20:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

updated the retina sprite targeting to specifically apply to the icons in the sprite, and nothing broader. Credit for this commit goes to Adam Messinger (@adammessinger). Thanks Adam!

Browse source
This commit is contained in:
scottjehl 2011-03-14 23:47:16 -04:00
parent 7f48419a29
commit bd4e4a7eeb
2 changed files with 32 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
themes/default/jquery.mobile.theme.css
View file

@ -740,14 +740,23 @@ a.ui-link-inherit {
/* HD/"retina" sprite
-----------------------------------------------------------------------------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
.ui-icon {
background-image: url(images/icons-36-white.png);
background-size: 630px 18px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi) {
.ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
.ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
.ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
.ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search {
background-image: url(images/icons-36-white.png);
-moz-background-size: 630px 18px;
-o-background-size: 630px 18px;
-webkit-background-size: 630px 18px;
background-size: 630px 18px;
}
.ui-icon-black {
background-image: url(images/icons-36-black.png);
}
background-image: url(images/icons-36-black.png);
}
}
/* plus minus */

23
themes/valencia/jquery.mobile.theme.css
View file

@ -734,14 +734,23 @@ a.ui-link-inherit {
/* HD/"retina" sprite
-----------------------------------------------------------------------------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
.ui-icon {
background-image: url(images/icons-36-white.png);
background-size: 630px 18px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-resolution: 240dpi) {
.ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
.ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
.ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
.ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search {
background-image: url(images/icons-36-white.png);
-moz-background-size: 630px 18px;
-o-background-size: 630px 18px;
-webkit-background-size: 630px 18px;
background-size: 630px 18px;
}
.ui-icon-black {
background-image: url(images/icons-36-black.png);
}
background-image: url(images/icons-36-black.png);
}
}
/* plus minus */