water.css[0] and pico.css[1] are some of my favorite classless css libraries.
There's a full list of them here: https://github.com/dbohdan/classless-css
[0]: https://watercss.kognise.dev/ [1]: https://picocss.com/
There's a full list of them here: https://github.com/dbohdan/classless-css
[0]: https://watercss.kognise.dev/ [1]: https://picocss.com/
Bootstrap grid system is super complete, and probably better coded that anything I can make. Its also available as a standalone module, so the size is pretty small. I just wanted it integrated to PicoCSS because I'm lazy.
@media (min-width: 800px) {
#page {
grid-template-areas:
"header header"
"menu content"
"footer footer";
}
}
@media (max-width: 800px) {
#page {
grid-template-areas:
"header menu"
"content content"
"footer footer";
}
}Simple.css is another one I like. Also super simple to customize.
I usually use https://classless.de because it supports theming, so I can add the bare minimum CSS to make it feel like a different site to another of my sites using it.
I've been looking for a tiny classless CSS framework to go with petite-vue in a build-step-free app for a microcontroller project.
water.css looks a good candidate already but there are some others to investigate there.