I’ve been looking for a tool like Tailwind as something about Tachyons just didn’t sit right with me. I’ve aded it to my running list of JAMstack frameworks, tools and tips and looking forward to giving it a test run in the new theme I’m working on for Hugo. Cheers.
Is it possible to make tachyons-based theme, which will generate head-only css for classes which only used on every page?
I imagine this to be hard with hugo. But maybe you can go the other way around:
There are tools that analize your source code and remove all unused classes from the css.
I cannot speak of tachyons but tailwind can be custom generated with 20 colors and 3 breakpoints to only weight 15KB gziped. Maybe that is small enough for your usecase already
Thank you!
I will experiment with tailwind.
I used Tailwind.CSS with purgecss, which analyzes my layout files (you can also do it on HTML output), and my file size is often less than 5kb gzipped. Here’s an example: https://github.com/thenewdynamic-org/thenewdynamic.org/blob/master/webpack.prod.js
2 Likes