⚡️ Black Friday ends in 1 day - 50% off CodyHouse Pro Lifetime →


Progress value is 30%

Font Size

Font-size utility classes.

Class Description
.text-xs font-size: var(--text-xs);
.text-sm font-size: var(--text-sm);
.text-base font-size: var(--text-unit, 1em);
.text-md font-size: var(--text-md);
.text-lg font-size: var(--text-lg);
.text-xl font-size: var(--text-xl);
.text-xxl font-size: var(--text-xxl);
.text-xxxl font-size: var(--text-xxxl);
.text-xxxxl font-size: var(--text-xxxxl);

Responsive #

Edit the font-size classes at specific breakpoints adding the @{breakpoint} suffix (@xs, @sm, @md, @lg, @xl).


<p class="text-lg [email protected]"><!-- content --></p>

Font Size Unit #

Change the font-size unit on a component level.

Class Description
.text-unit-rem use Rem units
.text-unit-em use Em units
.text-unit-px use Px units

Project duplicated

Project created

Globals imported

There was an error while trying to export your project. Please try again or contact us.