1.0.2 • Published 2 years ago
tailwindcss-breakpoints v1.0.2
tailwindcss-breakpoints
Advanced breakpoint system for TailwindCSS
| Variant | Rule | Description |
|---|---|---|
| <sm | @media (max-width: 640px) { ... } | Enable utility when the screen width is less than 640px |
| <md | @media (max-width: 768px) { ... } | Enable utility when the screen width is less than 768px |
| <lg | @media (max-width: 1024px) { ... } | Enable utility when the screen width is less than 1024px |
| <xl | @media (max-width: 1280px) { ... } | Enable utility when the screen width is less than 1280px |
| <2xl | @media (max-width: 1536px) { ... } | Enable utility when the screen width is less than 1536px |
Example
text-lg p-8 <sm:text-md <sm:p-4