Можете ли вы смешать Tailwind с ванильным CSS?

Question

Я очень новичок в Tailwind и хочу включить его в существующий реактивный проект. Могу ли я использовать Tailwind вместе со всеми моими текущими файлами CSS/sass? Или мне нужно начать со стайлинга и использовать только Tailwind?

Answer 1

Чтобы гарантировать, что ваш текущий CSS не будет переопределен. Вы можете добавить префикс кtailwind.config.js

Пример: (источник: tailwind.com)

// tailwind.config.js
module.exports = {
   prefix: 'tw-',
}

Сгенерирует классы с префиксом .tw- нравиться .tw-{class}:

.tw-text-left {
  text-align: left;
}
.tw-text-center {
  text-align: center;
}
.tw-text-right {
  text-align: right;
}
/* etc. */