You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Hello people. I'm building a reusable components library that will be shared across multiple projects that may or not use prefix and need to achieve something like this:
@import"tailwindcss" prefix(ui);
@theme {
/* ... */
}
/* This is comming from another file */@utility btn-primary { /* <-- This is automatically prefixed */padding:--spacing(1) --spacing(2);
background-color: blue;
color: white;
&.btn-flat { /* <-- This is not automatically prefixed and I don't know the prefix, so how to make it work? */border:1px solid blue;
}
}
@utility btn-flat { /* <-- This is automatically prefixed */background-color: white;
color: gray;
}
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
Hello people. I'm building a reusable components library that will be shared across multiple projects that may or not use prefix and need to achieve something like this:
Any ideas on how to to do it?
Link to playground: https://play.tailwindcss.com/x08C02P0rR?file=css
Thank you!
Beta Was this translation helpful? Give feedback.
All reactions