@include font-scale([level], [family], [weight]);@include font-scale(level-3, $font-primary, bold);| CSS | SCSS | Values | Line-height | Example |
|---|---|---|---|---|
u-primary-typo-level-12 |
@include font-scale(level-12, $font-primary) |
min:48px - max:120px | 100% |
Aa |
u-primary-typo-level-11 |
@include font-scale(level-11, $font-primary) |
min:40px - max:96px | 115% |
Aa |
u-primary-typo-level-10 |
@include font-scale(level-10, $font-primary) |
min:36px - max:76px | 125% |
Aa |
u-primary-typo-level-9 |
@include font-scale(level-9, $font-primary) |
min:32px - max:60px | 125% |
Aa |
u-primary-typo-level-8 |
@include font-scale(level-8, $font-primary) |
min:28px - max:48px | 125% |
Aa |
u-primary-typo-level-7 |
@include font-scale(level-7, $font-primary) |
min:24px - max:40px | 125% |
Aa |
u-primary-typo-level-6 |
@include font-scale(level-6, $font-primary) |
min:20px - max:32px | 125% |
Aa |
u-primary-typo-level-5 |
@include font-scale(level-5, $font-primary) |
min:18px - max:24px | 150% |
Aa |
u-primary-typo-level-4 |
@include font-scale(level-4, $font-primary) |
min:16px - max:20px | 150% |
Aa |
u-primary-typo-level-3 |
@include font-scale(level-3, $font-primary) |
min:16px - max:18px | 150% |
Aa |
u-primary-typo-level-2 |
@include font-scale(level-2, $font-primary) |
min:12px - max:14px | 150% |
Aa |
u-primary-typo-level-1 |
@include font-scale(level-1, $font-primary) |
min:12px - max:12px | 150% |
Aa |
u-primary-typo-level-0 |
@include font-scale(level-0, $font-primary) |
min:10px - max:10px | 150% |
Aa |