A modular CSS collection to set you up with all kinds of things you might need.
In modern vanilla CSS.
- reset
- colors
- toggle
- reducedmotion
- more to come...
get the whole library:
npm install noicssor you can pick individual modules depending on your needs:
npm install noicss.reset noicss.colors noicss.toggle noicss.reducedmotionimport the things you need into your CSS file:
@layer reset, colors, toggle, main, reducedmotion;
@import url("noicss/reset") layer(reset);
@import url("noicss/colors") layer(colors);
@import url("noicss/toggle") layer(toggle);
@import url("noicss/reducedmotion") layer(reducedmotion);
/* YOUR OWN CSS: */
@layer main {
}or when you installed the modules individually:
@layer reset, colors, toggle, main, reducedmotion;
@import url("noicss.reset") layer(reset);
@import url("noicss.colors") layer(colors);
@import url("noicss.toggle") layer(toggle);
@import url("noicss.reducedmotion") layer(reducedmotion);
/* YOUR OWN CSS: */
@layer main {
}
