@include font-scale([level], [family], [weight]);@include font-scale(level-3, $font-primary, extrabold);| CSS | SCSS | Values | Line-height | Example |
|---|---|---|---|---|
u-primary-typo-level-12 |
@include font-scale(level-12, $font-primary) |
min:95px - max:119px | 125% |
Aa |
u-primary-typo-level-11 |
@include font-scale(level-11, $font-primary) |
min:76px - max:95px | 125% |
Aa |
u-primary-typo-level-10 |
@include font-scale(level-10, $font-primary) |
min:61px - max:76px | 125% |
Aa |
u-primary-typo-level-9 |
@include font-scale(level-9, $font-primary) |
min:49px - max:61px | 125% |
Aa |
u-primary-typo-level-8 |
@include font-scale(level-8, $font-primary) |
min:39px - max:49px | 125% |
Aa |
u-primary-typo-level-7 |
@include font-scale(level-7, $font-primary) |
min:32px - max:39px | 125% |
Aa |
u-primary-typo-level-6 |
@include font-scale(level-6, $font-primary) |
min:25px - max:31px | 150% |
Aa |
u-primary-typo-level-5 |
@include font-scale(level-5, $font-primary) |
min:20px - max:25px | 150% |
Aa |
u-primary-typo-level-4 |
@include font-scale(level-4, $font-primary) |
min:18px - max:20px | 150% |
Aa |
u-primary-typo-level-3 |
@include font-scale(level-3, $font-primary) |
min:16px - max:16px | 150% |
Aa |
u-primary-typo-level-2 |
@include font-scale(level-2, $font-primary) |
min:14px - 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 |