Create a Tailwind-based Wowchemy module

[gcushen]

Motivations

• Users and contributors Most startups/teams now use Tailwind and want to be using a Tailwind-based website builder. That also helps with contributions and maintenance, below, as that is the framework that those frontend devs prefer to code with.
• Maintenance Make it easier for the community to contribute. We currently have such a highly modified version of Bootstrap and its components that it increases the barrier to entry and onboarding potential new contributors.
• Customisation Tailwind is better suited to advanced customisation - Bootstrap does not surface enough customisation parameters, leading to us having such a heavily modified Bootstrap
• Dark mode Tailwind has full support for dark mode and theming, whereas we have had to heavily modify Bootstrap for this purpose, making it harder to maintain the Wowchemy styles and there being some limitations
• Faster page load With the new compiled Tailwind mode, we should be able to significantly reduce the size of the CSS bundle whilst also removing JQuery
• Modern best practices PostCSS is now preferred over SCSS for extending the capabilities of CSS
• Remove the JQuery dependency required by Bootstrap 4, and simplify related code
• Community Tailwind also has a large community and many Hugo users are now preferring Tailwind-based templates
• Hugo Bep recommends Tailwind as the CSS framework for Hugo and is busy adding tighter integration for Tailwind in Hugo

Approach

• Create a new experimental module named wowchemy-tailwind initially scoped just for blogging. This may form a first step towards more widely migrating other Wowchemy layouts from Bootstrap 4 to Tailwind 3.
• Move the slides feature to its own module since it has its own Reveal layout system and is not dependent on Bootstrap or Tailwind

[rodrigoalcarazdelaosa]

Relevant and recommended read for anyone interested in contributing: https://www.brycewray.com/posts/2022/03/making-tailwind-jit-work-hugo-version-3-edition/

[rodrigoalcarazdelaosa]

Inspiration: https://github.com/4044ever/Hugo-Tailwind-3.1