If you're the type of person to say "Tailwind's nice and all but":
- I don't want to use an entire build system for my CSS
- I also don't want to be penalized for that
- I just want my nice constants and I'll be on my way
- I wish things were simpler
this is for you.
doldrums.css defines three things.
- A default color scheme
- A default size set
- Bare minimum utility classes for using flexbox
That's it, and that's all we think a CSS framework should provide.
We love bullet lists here.
Approach A:
npm install doldrumscss
- Import
doldrumscss/themes/tailwind.css
or whatever other theme. - Import
doldrumscss/css/doldrums.css
.
Approach B:
- Copy your desired theme from themes/ and the doldrums.css from css/.
- Use them as regular CSS files.
- Eat raw.
- Layer on top of Bootstrap or your favorite CSS framework.
- Do whatever fits the project!
Doldrums.css uses CSS variables, which usually requires browsers from 2017 or later. If this is a dealbreaker a postprocessor can be used.
Pair this with checkbox.css to style checkboxes, those things are a pain to do on your own.
Use:
- The Issues tab on this project
- vwangsf@gmail.com if that doesn't work