tailwindcss/docs/source/docs/text-sizing.blade.md at fd95c5d90f3a0af89ea3599517817a66da16cf77 - wrapper/tailwindcss - Repo

wrapper/tailwindcss

Jonathan Reinink 10f216fb08 Add .table-collapse utility for the docs

2017-11-09 14:05:03 -05:00

4.3 KiB

Raw Blame History

extends

title

description

features

_layouts.documentation

Text Sizing

Utilities for controlling the text size of an element.

responsive	customizable	hover	focus
true	true	false	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`).