Shadows and Outlines
Box Shadows
| Utility | Effect |
|---|---|
shadow-none | No box shadow |
shadow-sm | Small box shadow |
shadow | Default box shadow |
shadow-md | Medium box shadow |
shadow-lg | Large box shadow |
shadow-xl | Extra large box shadow |
shadow-2xl | 2xl box shadow |
shadow-{color} | Box shadow color |
Text Shadows
| Utility | Effect |
|---|---|
text-shadow-none | No text shadow |
text-shadow-sm | Small text shadow |
text-shadow | Default text shadow |
text-shadow-lg | Large text shadow |
text-shadow-xl | Extra large text shadow |
text-shadow-{color} | Text shadow color |
Text Outline
| Utility | Effect |
|---|---|
text-outline-none | No text outline |
text-outline-sm | Small text outline |
text-outline | Default text outline |
text-outline-lg | Large text outline |
text-outline-xl | Extra large text outline |
text-outline-{color} | Text outline color |
Text outline requires an SDF font asset.
Last updated on