Line Height - v3
Line-height utility classes in CodyFrame v3:
| CSS Class | Description |
|---|---|
l{p}ine-height-xs |
line-height: 1.1; |
l{p}ine-height-sm |
line-height: 1.2; |
l{p}ine-height-md |
line-height: 1.4; |
l{p}ine-height-lg |
line-height: 1.58; |
l{p}ine-height-xl |
line-height: 1.72; |
l{p}ine-height-body |
line-height: var(--body-line-height); |
l{p}ine-height-heading |
line-height: var(--heading-line-height); |
l{p}ine-height-normal |
line-height: normal; |
l{p}ine-height-1 |
line-height: 1; |
Text Component #
When you use a line-height utility class on the .text-component:
| CSS Class | Description |
|---|---|
l{p}ine-height-xs |
--heading-line-height: 1; --body-line-height: 1.1; |
l{p}ine-height-sm |
--heading-line-height: 1.1; --body-line-height: 1.2; |
l{p}ine-height-md |
--heading-line-height: 1.15; --body-line-height: 1.4; |
l{p}ine-height-lg |
--heading-line-height: 1.22; --body-line-height: 1.58; |
l{p}ine-height-xl |
--heading-line-height: 1.3; --body-line-height: 1.72; |
