Media and feature queries, like responsive breakpoints, dark mode, and prefers-reduced-motion.
| TailwindJS token |
media_feature_queries_modifiers |
| TailwindJS token |
TailwindCSS token |
_2xl |
2xl |
contrast_less |
contrast-less |
contrast_more |
contrast-more |
dark |
dark |
landscape |
landscape |
lg |
lg |
max_2xl |
max-2xl |
max_lg |
max-lg |
max_md |
max-md |
max_sm |
max-sm |
max_xl |
max-xl |
md |
md |
motion_reduce |
motion-reduce |
motion_safe |
motion-safe |
portrait |
portrait |
print |
print |
sm |
sm |
xl |
xl |
| TailwindJS token |
TailwindCSS token |
max_arbitrary, max_arb |
max-[…] |
min_arbitrary, min_arb |
min-[…] |
supports_arbitrary, supports_arb |
supports-[…] |