123456789101112131415161718192021 |
- $font-extra: 2.3rem;
- $font-big: 1rem;
- $font-medium: .8rem;
- $font-normal: .6rem;
- $col-met: red;
- $col-eur: blue;
- $col-reg: green;
- @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;
- }
- }
|