Using Sass as a TailwindCSS Preprocessor

Using Sass to use TailwindCSS with a preprocessing tool like Sass, you'll need to add an additional build step to your project that lets you run your preprocessed CSS through PostCSS.

Today I fiddled around with Tailwind @apply classes. I previously posted about a darkmode in combination with @apply classes and damn it goes well together. But I discovered a problem and got stuck on it for a while. It seems that when you're using tailwind without PostCSS 8, it doesn't compile the nested classes. So I searched for a fix.

It seems that the TailwindCSS documentation has a page dedicated to this and it solves the problem in an ideal situation. But the codebase I used didn't use Postcss, so I had to find a workaround.

tailwindcss sass

Using Sass in Gatsby + WordPress | gatsby-plugin-sass, gatsby scss fonts, css modules gatsby, codeytek | decoupled

If you start using Sass, you never want to write CSS by hand again. If you're new to frontend development like me, maybe you heard or read that, but what is Sass, and is it really that amazing?

Level up your CSS with SASS, we're going to compile our SASS on the file, split our work up into multiple files and dive into the power of SASS with some examples demonstrating how and why it's a really powerful tool in the developers arsenal.

Sass Crash Course- Learn Sass In 20 Minutes: In this mini crash course we are going to learn everything about Sass. What Sass allows us to do is write alot of cool things that we would normally wouldn't be able to do in normal CSS.

This article is mainly about Sass, and it’s preprocessor implantations: Dart-sass and Node-Sass. More than a year ago, I answered a question on StackOverflow about choosing between Node or Dart-Sass for Vue CLI. It got lots of up-votes, and I thought maybe it is worth diving deeper into this topic.