natural-selection VS dflex

Maybe https://github.com/frontaid/natural-selection can give you some pointers. It is a blueprint of a possible CSS file structure that applies globally. This covers at least 1. and 2. of your example.

[1] https://github.com/frontaid/natural-selection

PS: If you want to get a jump start for the global styling of your projects, you might want to have a look at https://github.com/frontaid/natural-selection

I rarely use any of the popular CSS frameworks. Unless you are making a small(ish) website where the styling is not important, it is actually more work to change an existing frameworks than to just use CSS yourself.

But what I do use sometimes is a CSS reset like https://github.com/necolas/normalize.css

And what I also use is this CSS boilerplate: https://github.com/frontaid/natural-selection (Disclaimer: I created it because I wanted to avoid the repetitive work of writing out all the selectors).

I'm working on a CSS framework without any styling (!). It is a collection of selectors and meant to be used as a clean CSS boilerplate. Thus it can jump start your your next project or design system.

https://github.com/frontaid/natural-selection

I'd love for you to check out the DFlex website to see examples and live demos. Let me know if you end up building something cool with DFlex! I'm always looking for feedback to help improve the library.