Font Size
Below, utility classes to apply font-size and line-height properties.
| Class | Properties |
|---|---|
| .text-extra-small | font-size: 12px; line-height: 16px; |
| .text-small | font-size: 14px; line-height: 20px; |
| .text-medium | font-size: 16px; line-height: 24px; |
| .text-large | font-size: 18px; line-height: 28px; |
| .text-extra-large | font-size: 20px; line-height: 32px; |
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="text-extra-small">Lorem ipsum dolor sit amet...</p>
<p class="text-small">Lorem ipsum dolor sit amet...</p>
<p class="text-medium">Lorem ipsum dolor sit amet...</p>
<p class="text-large">Lorem ipsum dolor sit amet...</p>
<p class="text-extra-large">Lorem ipsum dolor sit amet...</p>