Module font_size

Source
Expand description

Utilities for controlling the font size of an element.

Class Properties Preview
text-xsfont-size: 0.75rem;
line-height: 1rem;

Lorem ipsum

text-smfont-size: 0.875rem;
line-height: 1.25rem;

Lorem ipsum

text-basefont-size: 1rem;
line-height: 1.5rem;

Lorem ipsum

text-lgfont-size: 1.125rem;
line-height: 1.75rem;

Lorem ipsum

text-xlfont-size: 1.25rem;
line-height: 1.75rem;

Lorem ipsum

text-2xlfont-size: 1.5rem;
line-height: 2rem;

Lorem ipsum

text-3xlfont-size: 1.875rem;
line-height: 2.25rem;

Lorem ipsum

text-4xlfont-size: 2.25rem;
line-height: 2.5rem;

Lorem ipsum

text-5xlfont-size: 3rem;
line-height: 1;

Lorem ipsum

text-6xlfont-size: 3.75rem;
line-height: 1;

Lorem ipsum

text-7xlfont-size: 4.5rem;
line-height: 1;

Lorem ipsum

text-8xlfont-size: 6rem;
line-height: 1;

Lorem ipsum

text-9xlfont-size: 8rem;
line-height: 1;

Lorem ipsum

ยงArbitrary values

Any <length>, <percentage>, absolute size or relative size property is allowed as arbitrary value. For example, text-[12%].

Tailwind reference

OSZAR »