Text

Text decoration

Class Name Responsive Class Description
u-strike none Line through text.
u-underline none Underline text.
u-noDeco none Remove text decoration.

Text transform

Class Name Responsive Class Description
u-caps none Capitalize first letter of every word.
u-lowercase none Lowercase all words.
u-allCaps none Uppercase all words.
u-regular none Remove text transform.

Text alignment

Class Name Responsive Class Description
u-txtCenter u-[sm|md|lg]-txtCenter Center align text.
u-txtLeft u-[sm|md|lg]-txtLeft Left align text.
u-txtRight u-[sm|md|lg]-txtRight Right align text.

Text Size

Class Name Responsive Class Description
u-txtMicro none 10px text size.
u-txtSmallest none 12px text size.
u-txtSmaller none 14px text size.
u-txtSmall none 15px text size.
u-txtLarge none 18px text size.
u-txtLarger none 24px text size.
u-txtLargest none 32px text size.
u-txtHuge none 38px text size.

Font Weight

Class Name Responsive Class Description
u-light none Make font weight light.
u-normal none Make font weight normal.
u-bold none Make font weight bold.

Tracking (letter spacing)

Class Name Responsive Class Description
u-trackNormal none The quick brown fox jumped over the lazy dog.
u-trackLoose none The quick brown fox jumped over the lazy dog.
u-trackLooser none The quick brown fox jumped over the lazy dog.
u-trackLoosest none The quick brown fox jumped over the lazy dog.

Leading (line height)

Class Name Responsive Class Description
u-leadTightest none The quick brown fox
jumped over the lazy dog.
u-leadTighter none The quick brown fox
jumped over the lazy dog.
u-leadTight none The quick brown fox
jumped over the lazy dog.
u-leadNormal none The quick brown fox
jumped over the lazy dog.
u-leadLoose none The quick brown fox
jumped over the lazy dog.
u-leadLooser none The quick brown fox
jumped over the lazy dog.
u-leadLoosest none The quick brown fox
jumped over the lazy dog.

Misc

Class Name Responsive Class Description
u-breakWord none Break strings when their length exceeds the width of their container.
u-txtColorInherit none Inherit the ancestor's text color.
u-noWrap none Prevent whitespace wrapping.
u-txtWhisper none Make text light color.
u-txtQuiet none Make text kind of light.
u-txtLoud none Make text dark.
u-styleNormal none Make font style normal.