modular-css

Documentation

Try it

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(inputfrom"./input.css") {width:50%;}

Install