search

solve-it-once / frost

Drupal 10 atomic construction kit
https://www.frostdrupal.com/
GNU General Public License v2.0
16 stars 4 forks source link

Make TailwindCSS for frost #48

Closed tawhidafridi closed 10 months ago

tawhidafridi commented 1 year ago

Please add TailwindCSS too

ao5357 commented 1 year ago

Thank you for your interest in frost, @tawhidafridi ! I'll follow up with your other tickets during the week, but wanted to point you toward the frost_theme CSS specifically https://github.com/solve-it-once/frost/tree/master/docroot/themes/custom/frost_theme/css

I'd contend that this CSS utility library is actually better than tailwind, as instead of arbitrarily shortening class names it has a consistent and easy naming scheme for any named property--value pair. For instance, justify-content: space-between; is a class named .justify-content--space-between rather than tailwind's inconsistently-shortened .justify-between. The frost_theme CSS also leverages CSS custom properties by default and is small enough to include in production without a build step.

frost is intended as a starter kit, so of course you're welcome to include tailwind on the sites you make with it if you wish. It's also open source, so if you feel strongly about it you could make a competing fork that has tailwind more tightly integrated.

I'll leave this issue open for the next month. If there are other folks who would prefer the frost project use tailwind then this can be a venue for that discussion. However, I really think you'd like the existing frost_theme CSS better than tailwind if you gave it a try.