Line Height
Below, utility classes to apply font-size and line-height properties.
| Class | Properties |
|---|---|
| .leading-extra-small | line-height: 1.25; |
| .leading-small | line-height: 1.375; |
| .leading-medium | line-height: 1.5; |
| .leading-large | line-height: 1.625; |
| .leading-extra-large | line-height: 1.75; |
Example(s)
Lorem ipsum dolor sit amet...Lorem ipsum dolor sit amet...Lorem ipsum dolor sit amet...Lorem ipsum dolor sit amet...Lorem ipsum dolor sit amet...
html
<p class="leading-extra-small">Lorem ipsum dolor sit amet...</p>
<p class="leading-small">Lorem ipsum dolor sit amet...</p>
<p class="leading-medium">Lorem ipsum dolor sit amet...</p>
<p class="leading-large">Lorem ipsum dolor sit amet...</p>
<p class="leading-extra-large">Lorem ipsum dolor sit amet...</p>