@include font-scale([level], [weight]);@include font-scale(level-3, light);| CSS | SCSS | Values | Line-height | Example |
|---|---|---|---|---|
.u-typo-level-0 |
@include font-scale(level-0) |
mobile: 10px tablet: 10px desktop: 10px |
16px 16px 16px |
Aa |
.u-typo-level-1 |
@include font-scale(level-1) |
mobile: 12px tablet: 12px desktop: 12px |
16px 16px 16px |
Aa |
.u-typo-level-1-5 |
@include font-scale(level-1-5) |
mobile: 14px tablet: 14px desktop: 14px |
21px 21px 21px |
Aa |
.u-typo-level-2 |
@include font-scale(level-2) |
mobile: 16px tablet: 16px desktop: 16px |
24px 24px 24px |
Aa |
.u-typo-level-3 |
@include font-scale(level-3) |
mobile: 18px tablet: 18px desktop: 20px |
27px 27px 28px |
Aa |
.u-typo-level-4 |
@include font-scale(level-4) |
mobile: 20px tablet: 21px desktop: 24px |
28px 28px 32px |
Aa |
.u-typo-level-5 |
@include font-scale(level-5) |
mobile: 24px tablet: 24px desktop: 28px |
32px 32px 40px |
Aa |
.u-typo-level-6 |
@include font-scale(level-6) |
mobile: 24px tablet: 28px desktop: 32px |
32px 40px 48px |
Aa |
.u-typo-level-7 |
@include font-scale(level-7) |
mobile: 28px tablet: 32px desktop: 48px |
40px 48px 56px |
Aa |
.u-typo-level-8 |
@include font-scale(level-8) |
mobile: 32px tablet: 48px desktop: 64px |
48px 56px 72px |
Aa |