Typography
Text Color
Utilities for controlling an element's text color.
Quick reference
| Class | Properties |
|---|---|
| color-inherit | color: inherit; |
| color-current | color: currentColor; |
| color-transparent | color: transparent; |
| color-white | color: #ffffff; |
| color-black | color: #000000; |
| text-inherit | color: inherit; |
| text-current | color: currentColor; |
| text-transparent | color: transparent; |
| text-white | color: #ffffff; |
| text-black | color: #000000; |
Basic usage
Control the background color of an element using the color-{$colors} or text-{$colors} utilities.
Customization
$colors values can be configured using theme.colors.
Table of Contents