Member Avatar for trueframe

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

  • 2 Contributors
  • 1 Reply
  • 13 Views
  • 14 Hours Discussion Span
  • Latest Post Latest Post by Dani
Member Avatar for 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.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.