How to use Tailwind CSS utility classes within SCSS?

[trueframe]

Can you guys help me figure out how to use tailwind utility classes "@apply md:text-xl" within .scss files in nextjs

[Dani]

Unfortunately I don't have any experience with either Tailwind nor nextjs. However, I do have experience with .scss, as I personally use it with Twitter Bootstrap for DaniWeb.

I did some quick Googling and I'm confused what you mean by helping you to figure out how to use it. My understanding is that you simply need to add @apply md:text-xl to your SCSS in order to insert the CSS Tailwind uses for XL font size for only medium screen resolutions or higher for a particular CSS selector.

Do you have experience working with SCSS files?

This is just a shot in the dark, but I assume you'd do something like:

.selector { @apply md:text-xl }

within your SCSS.

[autowrecking]

you dont have to do any setup other than installing sass package out of the box supports that it will be showing error on vsc but its not a problem

.selector {
 @apply md:text-xl 
}

will work fine