Sha256: 95df3ed1d77cea840e99db6d59012e748e8c4a220ff4451d9d38297ed64e3877
Contents?: true
Size: 1.99 KB
Versions: 21
Compression:
Stored size: 1.99 KB
Contents
@mixin pixel-normalize {
// http://www.alistapart.com/articles/a-pixel-identity-crisis/
// Using a new pixel ratio of 6/5
// Standard 7" 1024x600 tablet (KINDLE FIRE)
@media screen and (-webkit-device-pixel-ratio: 1) and (device-width: 1024px) and (max-device-height: 600px) and (orientation: landscape),
screen and (-webkit-device-pixel-ratio: 1) and (device-width: 600px) and (max-device-height: 1024px) and (orientation: portrait),
screen and (-o-device-pixel-ratio: 1) and (device-width: 1024px) and (max-device-height: 600px) and (orientation: landscape),
screen and (-o-device-pixel-ratio: 1) and (device-width: 600px) and (max-device-height: 1024px) and (orientation: portrait),
screen and (device-pixel-ratio: 1) and (device-width: 1024px) and (max-device-height: 600px) and (orientation: landscape),
screen and (device-pixel-ratio: 1) and (device-width: 600px) and (max-device-height: 1024px) and (orientation: portrait) {
html {
font-size: $base-font-size * (6/5);
}
}
// 1024x600 tablet with pixel ratio of 3/2 (GALAXY TAB)
// Because we have a solid device-pixel-ratio we can avoid the device height
@media screen and (-webkit-device-pixel-ratio: 1.5) and (device-width: 683px) and (orientation: landscape),
screen and (-webkit-device-pixel-ratio: 1.5) and (device-width: 400px) and (orientation: portrait),
screen and (-o-device-pixel-ratio: 3/2) and (device-width: 683px) and (orientation: landscape),
screen and (-o-device-pixel-ratio: 3/2) and (device-width: 400px) and (orientation: portrait),
screen and (device-pixel-ratio: 1.5) and (device-width: 683px) and (orientation: landscape),
screen and (device-pixel-ratio: 1.5) and (device-width: 400px) and (orientation: portrait),
screen and (device-pixel-ratio: 3/2) and (device-width: 683px) and (orientation: landscape),
screen and (device-pixel-ratio: 3/2) and (device-width: 400px) and (orientation: portrait) {
html {
font-size: $base-font-size * (2/3) * (6/5);
}
}
}
Version data entries
21 entries across 21 versions & 1 rubygems