Write modern, maintainable styles using Tailwind CSS v4's utility-first approach.
Responsive: sm:, md:, lg:, xl:, 2xl: (mobile-first) States: hover:, focus:, active:, disabled:, group-hover:, peer-checked: Dark mode: dark: Arbitrary values: top-[117px], bg-[#bada55] CSS variables: bg-(--my-color) (v4 syntax)
Theme values generate both utility classes (bg-brand-500) and CSS variables (var(--color-brand-500)).
Стилизация Tailwind CSS v4 с использованием служебных классов, конфигурацией тем и современными шаблонами CSS. Используйте при написании или изменении классов CSS, настройке тем, реализации адаптивного дизайна или переходе с версии v3. Триггеры Tailwind, служебные классы, адаптивные точки останова, стиль темного режима. Источник: afk-agents/agentic-toolkit.