Awesome
modular-css
A streamlined re-interpretation of CSS Modules
Documentation
Check out the official modular-css site: http://m-css.com/
Try it
There's an online REPL where you can try out modular-css
without needing to install anything!
Features
Composition
.red {
color: red;
}
.blue {
composes: red;
background: blue;
}
/* in the output .blue will be combination of both styles */
Values
@value alert: #F00;
.alert {
color: alert;
}
/* will output as */
.alert {
color: #F00;
}
Selector Scoping
.style {
color: red;
}
:global(.style2) {
color: blue;
}
/* Will output as */
/* Scoped with unique file-based prefix */
.f5507abd_style {
color: red;
}
/* Remains unstyled due to :global() pseudo */
.style2 {
color: blue;
}
Style Overrides
/* input.css */
.input {
width: 100%;
}
/* fieldset.css */
.fieldset :external(input from "./input.css") {
width: 50%;
}
More detailed descriptions are available on the website.
Install
Detailed installation instructions are available on m-css.com