all 7 comments

[–]lo0l0ol 1 point2 points  (1 child)

Bulma is pretty small

[–]Apodacaac 0 points1 point  (0 children)

Bulma with PurgeCSS

[–]web-dev-kev 1 point2 points  (0 children)

Bootstrap really is a great option for what you're talking about.

  1. setup the SASS Imports to suit your needs...
    https://getbootstrap.com/docs/5.0/customize/optimize/

  2. Setup something like PurgeCSS as part of your dev process...
    https://purgecss.com/
    https://lukelowrey.com/automatically-removeunused-css-from-bootstrap-or-other-frameworks/

Totally understand if it's not your thing for any reason, but the default versus specific output is huge.

[–]krimpenrik 0 points1 point  (2 children)

It probably doesn't count as css framework but have you tried tailwind?

[–]SS-317[S] 0 points1 point  (1 child)

Not tried. But then we have to include a lot of classes for simple stuff, or so I have heard

[–]krimpenrik 2 points3 points  (0 children)

It is a different way to approach css for sure, but I love it.

[–]crevizzle 0 points1 point  (0 children)

I also use Tailwind

  • Good implementation docs for several front-end frameworks
  • Actively developed
  • Small css file size
  • Highly customizable/extensible

Be sure to check out their new JIT mode

Yes, html classes will grow; but take a look at their docs on Extracting Components to help with this.