Text
Weight
font-hairline | font-thin | font-light | font-normal | font-medium | font-semibold | font-bold | font-extrabold | font-black
Sizes
Text-xs|text-sm|text-base|text-lg|text-2xl | text-3xl | text-4xl
.75rem | .875 | 1 | 1.125 | 1.25 | 1.5 | 1.875 | 2.25
Cls | Prop |
---|---|
.text-xl | font-size: 1.25rem; |
.text-2xl //goes to 6 | font-size: 1.5rem; |
.text-gray-700 | color: gray-700 |
.uppercase | text-transform: uppercase; |
Color
text-gray-700 | text-white | text-red-500 | text-black
Other
No-wrap, prevents any overflow from happening in text
Cls | Prop |
---|---|
whitespace-nowrap | white-space: nowrap; |
underline | text-decoration: underline; |
select-none | user-select: none; |
Last updated