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


Progress value is 30%

Line Height

Line-height utility classes:

Class Description
.line-height-xs line-height: 1.1;
.line-height-sm line-height: 1.2;
.line-height-md line-height: 1.4;
.line-height-lg line-height: 1.58;
.line-height-xl line-height: 1.72;
.line-height-body line-height: var(--body-line-height);
.line-height-heading line-height: var(--heading-line-height);
.line-height-normal line-height: normal;
.line-height-1 line-height: 1;

Text Component #

When you use a line-height utility class on the .text-component:

Class Description
.line-height-xs --heading-line-height: 1; --body-line-height: 1.1;
.line-height-sm --heading-line-height: 1.1; --body-line-height: 1.2;
.line-height-md --heading-line-height: 1.15; --body-line-height: 1.4;
.line-height-lg --heading-line-height: 1.22; --body-line-height: 1.58;
.line-height-xl --heading-line-height: 1.3; --body-line-height: 1.72;

Project duplicated

Project created

Globals imported

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