1.3 KiB
| extends | title | description | features | ||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| _layouts.documentation | Font Weight | Utilities for controlling the font weight of an element. |
|
@include('_partials.work-in-progress')
@include('_partials.class-table', [ 'rows' => [ [ '.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.', ], ] ])