archive-gh-me/tailwindcss
1
0
Fork 0
mirror of https://github.com/tailwindlabs/tailwindcss.git synced 2025-12-08 21:36:08 +00:00
Code Issues Projects Releases Wiki Activity
tailwindcss/docs/source/docs/text-sizing.blade.md
Jonathan Reinink 3e81a74efd Clean up table styles
2017-10-31 17:46:38 -04:00

4.8 KiB
Raw Blame History

extends title
_layouts.documentation Text Sizing

Text Sizing

Utilities for controlling the text size of an element.

@include('_partials.feature-badges', [ 'responsive' => true, 'customizable' => true, 'hover' => false, 'focus' => false ])

@include('_partials.work-in-progress')

Class Properties Description
.text-xs font-size: .75rem; Set the text size to .75rem (12px).
.text-sm font-size: .875rem; Set the text size to .875rem (14px).
.text-base font-size: 1rem; Set the text size to 1rem (16px).
.text-lg font-size: 1.125rem; Set the text size to 1.125rem (18px).
.text-xl font-size: 1.25rem; Set the text size to 1.25rem (20px).
.text-2xl font-size: 1.5rem; Set the text size to 1.5rem (24px).
.text-3xl font-size: 1.875rem; Set the text size to 1.875rem (30px).
.text-4xl font-size: 2.25rem; Set the text size to 2.25rem (36px).
.text-5xl font-size: 3rem; Set the text size to 3rem (48px).