Thread Discussion

Started by Viktor Löfgren • Apr 23, 2025 7:31 AM

Total Replies

Participants

Activity

Quiet

— No recent activity

Duration

7:31 AM

Apr 23

Original Message

Thread starter

Viktor Löfgren7:31 AM

Hello. Anyone here tried to combine the use of tailwind and css-modules? (i.e to use apply with custom utilities in a .module.css file) without the need to import the tailwind.css file in every module.css file?

Replies

8 messages in thread

Andrey.DSRPTVReply 1Apr 23, 2025 11:14 AM

Depending on which cms-react setup you have, you should import tailwind once and then include it as a partial at the top of your main template. If yo...

Viktor LöfgrenReply 2Apr 23, 2025 11:21 AM

yeah, the unified setup. The only solution i got working as of now is to import the file including the tailwind-import, but then it seems it get dupli...

Andrey.DSRPTVReply 3Apr 23, 2025 11:26 AM

yea, the unified setup is a little trickier and I'm not 100% confident in my solution but it would be great if you could try it. Unfortunately I'm wo...

Andrey.DSRPTVReply 4Apr 23, 2025 11:30 AM

I'm hoping that if enough people bring up tailwind then <@UQWGKUEN7> will consider creating an official setup with his smarter-than-me-enterprise-brai...

Viktor LöfgrenReply 5Apr 23, 2025 12:43 PM

Yeah, i got it working, but it does feel hacky, since i need to import the root tailwind.css-file in every css-module file, to be able to use apply in...

Andrey.DSRPTVReply 6Apr 23, 2025 12:45 PM

you shouldn't have to import it into every css-module file. It should be imported into the main css file once

Viktor LöfgrenReply 7Apr 23, 2025 1:11 PM

yeah, thats the thing i cant seem to figure out, why it does not work..

Andrey.DSRPTVReply 8Apr 23, 2025 1:15 PM

I'll share an example later today of what I was able to get working. It "works" but somehow seems imperfect in how hubl vars are managed and maybe how...