Skip to content

TailwindCSS

TailwindCSS - набор CSS-классов-утилиток, типа grid, text-white, rounded

![img.png](tailwind-between.png)
Tailwind - это что-то между чистым CSS и UI-фреймворком

Как юзать

  • Просто пишешь css-классы
  • Можно юзать с фреймворками, типа Vue
  • Можно добавить в проект без JS, типа сюда в MkDocs, используя Tailwind CLI
  • Есть интеграции с Idea и VSCode

FAQ

Что за tailwind.config.js?

Как убрать сброс CSS?

Нужно убрать preflight-слой:

/* Удаляем это из файла с tailwind-слоями */
@tailwind base;

Когда не стоит юзать Tailwind?

  • Если уже юзаешь UI-фреймворк, типа Vuetify, то может что-то поехать — лучше придерживаться фреймворка

Тулзы / Ресурсы