52 lines
939 B
SCSS
52 lines
939 B
SCSS
@mixin font($weight: null, $size: null) {
|
|
font-weight: $weight;
|
|
font-size: $size;
|
|
}
|
|
|
|
html {
|
|
@include font($size: 93%);
|
|
text-size-adjust: 100%;
|
|
-webkit-font-smoothing: antialiased;
|
|
text-rendering: optimizeLegibility;
|
|
}
|
|
|
|
h1 {
|
|
@include font(400, 1.8em);
|
|
}
|
|
|
|
h2 {
|
|
@include font(400, 1.5em);
|
|
}
|
|
|
|
h3 {
|
|
@include font(400, 1.17em);
|
|
}
|
|
|
|
.textarea-mono {
|
|
font-family:
|
|
ui-monospace,
|
|
Menlo,
|
|
Monaco,
|
|
"Cascadia Mono",
|
|
"Segoe UI Mono",
|
|
"Roboto Mono",
|
|
"Oxygen Mono",
|
|
"Ubuntu Mono",
|
|
"Source Code Pro",
|
|
"Fira Mono",
|
|
"Droid Sans Mono",
|
|
"Consolas",
|
|
"Courier New",
|
|
monospace !important;
|
|
}
|
|
|
|
.layout-tv {
|
|
/* Per WebOS and Tizen guidelines, fonts must be 20px minimum.
|
|
This takes the 16px baseline and multiplies it by 1.25 to get 20px. */
|
|
font-size: 125%;
|
|
}
|
|
|
|
.layout-mobile {
|
|
font-size: 90%;
|
|
}
|