Utility classes

• Introduction
• Color
• Background-color
• Font-size
• Font-family
• Text-align
• Text-transform
• Hidden
• Visible
• Float
• Clear
• Clearfix
• Border
• Margin
• Padding
• Row-padding
• Image

Text-transform

Text-transform utility classes allow authors to transform content to uppercase, lowercase or captal case.

Overall usage

Used to apply specific text-transformation properties to any element or component.

Accessibility

N/A

---

.u-text-uppercase

<span class="u-text-uppercase">.u-text-uppercase</span>

---

.u-text-lowercase

<span class="u-text-lowercase">.u-text-lowercase</span>

---

.u-text-capitalize

<span class="u-text-capitalize">.u-text-capitalize</span>

---