Tailwind у CSS
Конвертуйте утилітарні класи Tailwind CSS у еквівалентні декларації ванільного CSS з підтримкою адаптивності та станів.
Функції
Миттєва конвертація
Конвертація в реальному часі під час введення. Кнопка не потрібна, результати з'являються миттєво.
Адаптивність та стани
Обробляє брейкпоінти sm:, md:, lg:, xl:, 2xl: та стани hover:, focus:, active:.
Довільні значення
Підтримує синтаксис довільних значень, як-от w-[200px], p-[1.5rem] та text-[14px].
Дізнатися більше
Конвертуйте утилiтарнi класи Tailwind у стандартний CSS. Дiзнайтеся, що робить кожен клас, i коли краще використовувати звичайний CSS.
Що таке Tailwind CSS і навіщо його конвертувати
Tailwind CSS — це CSS-фреймворк, орієнтований на утиліти, який дозволяє розробникам стилізувати елементи, застосовуючи невеликі одноцільові класи безпосередньо в HTML. Замість написання власних CSS-правил ви компонуєте стилі інлайново, використовуючи назви класів, такі як flex, p-4, text-blue-500 та rounded-lg.