Typography
Font Weight
Utilities for sets the font weight.
Class
class | css | |
---|---|---|
font-hairline | font-weight: 100 | |
font-thin | font-weight: 200 | |
font-light | font-weight: 300 | |
font-normal | font-weight: 400 | |
font-medium | font-weight: 500 | |
font-semibold | font-weight: 600 | |
font-bold | font-weight: 700 | |
font-extrabold | font-weight: 800 | |
font-black | font-weight: 900 |
Usage
Set font-weight to an element.
<!-- Example -->
<y class="font-light">
...
</y>
Set font-weight with Google Fonts
. (See Font Family).
<!-- Example -->
<y class="font-roboto font-light">
...
</y>
Variant
Variant | Enabled | Responsive |
---|---|---|
Default | Yes | Yes |
Dark Theme | ||
hover | Yes | |
group-hover | ||
focus | Yes | |
focus-within | ||
active | ||
visited | ||
checked | ||
disabled |