Access the Theme in Arbitrary Values
It's possible to use the `theme` function within arbitrary values to reference the design tokens in your `tailwind.config.js` file.
NOTESTailwind
Reductions of broader subjects
Filter by Topic
Create Your Own Custom Classes
Things to consider when creating your own custom classes in Tailwind CSS.
Resolving Ambiguities in Arbitrary Values
Many utilities in Tailwind share a common namespace but map to different CSS properties. When using arbitrary values, Tailwind can generally handle this ambiguity but sometimes needs a hint.
Whitespace in Arbitrary Values
When an arbitrary value needs to contain a space, use an underscore instead and Tailwind will automatically convert it to a space at build-time.
Adding More ARIA Modifiers to the Theme
You can customize which `aria-*` modifiers are available by editing your theme. ARIA state modifiers can also target parent and sibling elements.
Dynamic Class Names in Tailwind
Tailwind will only find classes that exist as complete unbroken strings in your source files. If you use string interpolation or concatenate partial class names together, Tailwind will not find them and therefore will not generate the corresponding CSS