Tailwind в CSS
Конвертируйте утилитарные классы Tailwind CSS в эквивалентные объявления vanilla CSS с поддержкой адаптивности и состояний.
Возможности
Мгновенная конвертация
Конвертация в реальном времени при вводе. Кнопка не нужна, результаты появляются мгновенно.
Адаптивность и состояния
Обрабатывает брейкпоинты sm:, md:, lg:, xl:, 2xl: и варианты состояний hover:, focus:, active:.
Произвольные значения
Поддерживает синтаксис произвольных значений: w-[200px], p-[1.5rem] и text-[14px].
Узнать больше
Конвертируйте утилитарные классы Tailwind в стандартный CSS. Узнайте, что делает каждый класс, и когда лучше использовать обычный CSS.
Что такое Tailwind CSS и зачем его конвертировать
Tailwind CSS — это CSS-фреймворк, основанный на утилитарных классах, который позволяет разработчикам стилизовать элементы, применяя небольшие одноцелевые классы непосредственно в HTML. Вместо написания пользовательских CSS-правил вы составляете стили инлайн, используя классы вроде flex, p-4, text-blue-500 и rounded-lg.