Font-family
|
Variable |
Font |
|---|---|
|
$font-family |
'Montserrat', sans-serif |
Font-sizes
|
Variable |
Rem |
Pixels |
|---|---|---|
|
$font-size-micro |
0.5rem |
8px |
|
$font-size-tiny |
0.625rem |
10px |
|
$font-size-small |
0.75rem |
12px |
|
$font-size-medium-small |
0.875rem |
14px |
|
$font-size-medium |
1rem |
16px |
|
$font-size-medium-large |
1.125rem |
18px |
|
$font-size-large |
1.5rem |
24px |
|
$font-size-big |
2rem |
32px |
|
$font-size-huge |
3rem |
48px |
|
$font-size-hero |
3.5rem |
56px |
|
$font-size-display |
4.5rem |
72px |
Line-height
|
Variable |
Rem |
Pixels |
|---|---|---|
|
$line-height-micro |
0.75rem |
12px |
|
$line-height-tiny |
1rem |
16px |
|
$line-height-small |
|
18px |
|
$line-height-medium-small |
|
18px |
|
$line-height-medium |
|
20px |
|
$line-height-medium-large |
|
22px |
|
$line-height-large |
|
28px |
|
$line-height-big |
|
32px |
|
$line-height-huge |
|
44px |
|
$line-height-hero |
|
52px |
|
$line-height-display |
|
64px |
Font-weight
|
Variable |
Weight |
|---|---|
|
$font-weight-normal |
300 |
|
$font-weight-semibold |
400 |
|
$font-weight-bold |
600 |
|
$font-weight-black |
900 |