noicss modules:

• reset
• colors
• toggle
• reducedmotion
• more to come...

Installation:

get the whole library:

npm install noicss

or you can pick individual modules depending on your needs:

npm install noicss.reset noicss.colors noicss.toggle noicss.reducedmotion

Usage:

import 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 {

}