23 lines
454 B
SCSS
23 lines
454 B
SCSS
$font-extra: 2.3rem;
|
|
$font-large: 1.6rem;
|
|
$font-big: 1rem;
|
|
$font-medium: .8rem;
|
|
$font-normal: .6rem;
|
|
$font-small: .45rem;
|
|
|
|
$col-met: red;
|
|
$col-eur: blue;
|
|
$col-mond: wheat;
|
|
@media (min-width: 48rem) {
|
|
:root {
|
|
font-size: calc(1rem + ((1vw - .48rem) * 1.389));
|
|
/* .48rem = viewportWidthMinimum /100 */
|
|
/* 1.389rem = 100 * fontSizeDifference / viewportWidthDifference */
|
|
}
|
|
}
|
|
|
|
@media (min-width: 120em) {
|
|
:root {
|
|
font-size: 2rem;
|
|
}
|
|
} |