Can you mix Tailwind with vanilla CSS?

user_10844320 0
Viewed 2291

I am very new to Tailwind, and want to incorporate it into an existing react project. Can I use Tailwind along with all of my current CSS/sass files? Or do I need to start over with styling and only use Tailwind?

tailwind-css
1 Answers

To ensure that your current CSS doesn't get overridden. You can add a prefix to the tailwind.config.js

Example: (source: tailwind.com)

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

Will generate classes with the prefix .tw- like .tw-{class}:

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