tailwindcss/docs/source/docs/font-weight.blade.md
2017-12-03 02:55:40 +01:00

1.5 KiB

extends title description features
_layouts.documentation Font Weight Utilities for controlling the font weight of an element.
responsive customizable hover focus
true true false false

@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.', ], ] ])

Customizing

@include('_partials.variants-and-disabling', [ 'utility' => [ 'name' => 'font weight', 'property' => 'fontWeights', ], 'variants' => [ 'responsive', ], ])