Functional / Atomic CSS

I started creating my own global css file a few years ago to use on top of Bootstrap. Still, projects would require more custom CSS and have all these extra styles. It still would get messy.

Now I’ve found there are a few people who have this idea of just creating global css files that just give every style a single class. This way you just write all your CSS once for all your projects and spend your time adding classes to your HTML instead of trying to group and organize CSS.

Bootstrap is somewhat like this but imposes, maybe, too much of its own design style by default without really inviting deep customization with more properties within Bootstrap.

The below options are far more granular / less opinionated than Bootstrap and have become the most popular options for this type of CSS structure: