4.4 KiB
4.4 KiB
| extends | title |
|---|---|
| _layouts.documentation | Font Weight |
Font Weight
Utilities for controlling the font weight of an element.
@include('_partials.feature-badges', [ 'responsive' => true, 'customizable' => true, 'hover' => false, 'focus' => false ])
@include('_partials.work-in-progress')
| Class | Properties | Description |
|---|---|---|
| .font-hairline | font-weight: 100; | Set the font weight of an element to hairline. |
| .font-thin | font-weight: 200; | Set the font weight of an element to thin. |
| .font-light | font-weight: 300; | Set the font weight of an element to light. |
| .font-normal | font-weight: 400; | Set the font weight of an element to normal. |
| .font-medium | font-weight: 500; | Set the font weight of an element to medium. |
| .font-semibold | font-weight: 600; | Set the font weight of an element to semibold. |
| .font-bold | font-weight: 700; | Set the font weight of an element to bold. |
| .font-extrabold | font-weight: 800; | Set the font weight of an element to extrabold. |
| .font-black | font-weight: 900; | Set the font weight of an element to black. |