| Example | Description | Token |
|---|---|---|
|
Stats |
statsfont-size: font-weight: font-family: |
$stats-font-size
$stats-font-weight
$stats-font-family
|
|
Heading 1 |
Heading 1 - xxlargefont-size: 60px font-weight: 700 font-family: Playfair Display |
$xxlarge-font-size
$xxlarge-font-weight
$xxlarge-font-family
|
|
Heading 2 |
Heading 2 - xlargefont-size: 50px font-weight: 500 font-family: Playfair Display |
$xlarge-font-size
$xlarge-font-weight
$xlarge-font-family
|
|
Heading 3 |
Heading 3 - largefont-size: 40px font-weight: 500 font-family: Playfair Display |
$large-font-size
$large-font-weight
$large-font-family
|
|
Heading 4 |
Heading 4 - mediumfont-size: 35px font-weight: 500 font-family: Oswald |
$medium-font-size
$medium-font-weight
$medium-font-family
|
|
Heading 5 |
Heading 5 - smallfont-size: 30px font-weight: 500 font-family: Oswald |
$small-font-size
$small-font-weight
$small-font-family
|
|
Heading 6 |
Heading 6 - xsmallfont-size: 25px font-weight: 500 font-family: Oswald |
$xsmall-font-size
$xsmall-font-weight
$xsmall-font-family
|
|
Hammerhead |
hammerheadfont-size: 18px font-weight: 500 font-family: Oswald |
$hammerhead-font-size
$hammerhead-font-weight
$hammerhead-font-family
|
|
Body |
bodyfont-size: 20px font-weight: 500 font-family: Source Sans Pro |
$body-font-size
$body-font-weight
$body-font-family
|
|
Caption |
captionfont-size: 12px font-weight: 800 font-family: Source Sans Pro |
$caption-font-size
$caption-font-weight
$caption-font-family
|
| Example | Description | Token |
|---|---|---|
|
Aa Bb Cc 60px |
Xxlarge Font Size Min |
$xxlarge-font-size-min
|
|
Aa Bb Cc 60px |
Xxlarge Font Size |
$xxlarge-font-size
|
|
Aa Bb Cc 50px |
Xlarge Font Size Min |
$xlarge-font-size-min
|
|
Aa Bb Cc 50px |
Xlarge Font Size |
$xlarge-font-size
|
|
Aa Bb Cc 40px |
Large Font Size Min |
$large-font-size-min
|
|
Aa Bb Cc 40px |
Large Font Size |
$large-font-size
|
|
Aa Bb Cc 35px |
Medium Font Size Min |
$medium-font-size-min
|
|
Aa Bb Cc 35px |
Medium Font Size |
$medium-font-size
|
|
Aa Bb Cc 30px |
Small Font Size Min |
$small-font-size-min
|
|
Aa Bb Cc 30px |
Small Font Size |
$small-font-size
|
|
Aa Bb Cc 25px |
Xsmall Font Size Min |
$xsmall-font-size-min
|
|
Aa Bb Cc 25px |
Xsmall Font Size |
$xsmall-font-size
|
|
Aa Bb Cc 18px |
Hammerhead Font Size Min |
$hammerhead-font-size-min
|
|
Aa Bb Cc 18px |
Hammerhead Font Size |
$hammerhead-font-size
|
|
Aa Bb Cc 20px |
Body Font Size Min |
$body-font-size-min
|
|
Aa Bb Cc 20px |
Body Font Size |
$body-font-size
|
|
Aa Bb Cc 12px |
Caption Font Size Min |
$caption-font-size-min
|
|
Aa Bb Cc 12px |
Caption Font Size |
$caption-font-size
|