Flutter-Bounty-Hunters / static_shock

A static site generator for Dart.
MIT License
107 stars 5 forks source link

[Shock] - Add Tailwind CSS support #145

Closed matthew-carroll closed 3 months ago

matthew-carroll commented 3 months ago

Tailwind CSS is a code generation tool that lets you write CSS styles as class names directly in HTML. This ability lets developers quickly apply granular visual styles while writing HTML.

The tradeoff with Tailwind is that it's a bit more difficult to re-use common styles, and it completely loses any semantic meaning. However, the tradeoff for speed and seamless coding is worth it for marketing pages and also probably most blogs and documentation websites. Therefore, we should support it.

The unusual thing about Tailwind is that its a tool that we have to run during our own generation process. This is similar to running the Sass generator, but whereas the Sass generator is provided by a Dart package, it seems like the answer for Tailwind is to call out to a new Process and run the Tailwind binary.