Sha256: 318308b3772004d595c81fdcb328c7886960c891d77f9cb36bacb37b8f39cdbe
Contents?: true
Size: 1.97 KB
Versions: 5
Compression:
Stored size: 1.97 KB
Contents
html,body {
height: 100%;
background-color: $page_bg;
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-user-select: none;
-webkit-user-modify: read-only;
-webkit-touch-callout: none;
background-repeat: no-repeat;
}
body {
font-size: $default_font_size;
color: $txt_gray;
margin: 0 auto;
}
body.ios {
font-family: helvetica, sans-serif;
text-rendering: optimizeLegibility;
}
body.android {
font-family: sans-serif;
}
// Default
html { font-size: 10px; }
// 480 wide
@media (min-width: 460px) and (-webkit-min-device-pixel-ratio: 1.5) {
html { font-size: 15px; }
}
// 540 wide
@media (min-width: 520px) and (-webkit-min-device-pixel-ratio: 1.5) {
html { font-size: 16.875px; }
}
// 600 wide
@media (min-width: 580px) and (-webkit-min-device-pixel-ratio: 1.5) {
html { font-size: 18.75px; }
}
// 720 wide
@media (min-width: 700px) and (-webkit-min-device-pixel-ratio: 1.5) {
html { font-size: 22.5px; }
}
// Nexus 4, 768 wide
@media (min-width: 748px) and (-webkit-min-device-pixel-ratio: 1.5) {
html { font-size: 24px; }
}
// 800 wide
@media (min-width: 780px) and (-webkit-min-device-pixel-ratio: 1.5) {
html { font-size: 25px; }
}
// Nexus 7 (has a device pixel ratio of ~1.32)
@media (min-width: 780px) and (-webkit-min-device-pixel-ratio: 1.32) {
html { font-size: 25px; }
}
// iPads
// The device-height is reqd in order to differenciate from 768px wide devices (Nexus 4, etc.)
@media
(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 1),
(device-width: 1024px) and (device-height: 768px) and (-webkit-device-pixel-ratio: 1),
(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2),
(device-width: 1024px) and (device-height: 768px) and (-webkit-device-pixel-ratio: 2) {
html { font-size: 10px; }
}
// for bug 21664 (see base.js)
html.kindle {
font-size: 18.75px;
}
Version data entries
5 entries across 5 versions & 1 rubygems