1
0
Fork 0
mirror of https://we.phorge.it/source/phorge.git synced 2024-11-30 18:52:42 +01:00
phorge-phorge/webroot/rsrc/css/sprite-tokens.css
Chad Little 0cd5031ada Add hidpi media query for mozilla browsers
Summary: Modern mozilla browsers use min-resolution.

Test Plan: Regernate sprites, use site in Firefox, see correct header image.

Reviewers: btrahan, epriestley

Reviewed By: epriestley

Subscribers: epriestley, Korvin

Differential Revision: https://secure.phabricator.com/D13555
2015-07-05 12:24:57 -07:00

84 lines
1.3 KiB
CSS

/**
* @provides sprite-tokens-css
* @generated
*/
.sprite-tokens {
background-image: url(/rsrc/image/sprite-tokens.png);
background-repeat: no-repeat;
}
@media
only screen and (min-device-pixel-ratio: 1.5),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
.sprite-tokens {
background-image: url(/rsrc/image/sprite-tokens-X2.png);
background-size: 68px 68px;
}
}
.tokens-coin-1 {
background-position: 0px 0px;
}
.tokens-coin-2 {
background-position: -17px 0px;
}
.tokens-coin-3 {
background-position: -34px 0px;
}
.tokens-coin-4 {
background-position: -51px 0px;
}
.tokens-heart-1 {
background-position: 0px -17px;
}
.tokens-heart-2 {
background-position: -17px -17px;
}
.tokens-like-1 {
background-position: -34px -17px;
}
.tokens-like-2 {
background-position: -51px -17px;
}
.tokens-medal-1 {
background-position: 0px -34px;
}
.tokens-medal-2 {
background-position: -17px -34px;
}
.tokens-medal-3 {
background-position: -34px -34px;
}
.tokens-medal-4 {
background-position: -51px -34px;
}
.tokens-misc-1 {
background-position: 0px -51px;
}
.tokens-misc-2 {
background-position: -17px -51px;
}
.tokens-misc-3 {
background-position: -34px -51px;
}
.tokens-misc-4 {
background-position: -51px -51px;
}