TailwindCSS JIT with arbitrary values

Re:TailwindCSS JIT with arbitrary values by dillondoyle on Wednesday April 07, 2021 @04:20PM (#26730626)

Maybe you could use data-attribute to group these common styles like 'sizing' 'color' etc

something like <div data-css-size='large flex-box display-flex' data-css-color="red" data-css-font="gotham serif"></div>

then something like [data-css-color*="red"] {color:red;}

I haven't tested this just thinking off the top what might work

[ Parent | on HN ]

Re:TailwindCSS JIT with arbitrary values by gvkhna on Wednesday April 07, 2021 @06:27PM (#26732298)

I like this a lot actually, considering JIT maybe data attributes or some tighter integration into react could easily be done so there isn’t so much reliance on class names.

[ Parent | on HN ]