.red { color: red; } .blue { composes: red; background: blue; } /* in the output .blue will be combination of both styles */

@value alert: #F00; .alert { color: alert; } /* will output as */ .alert { color: #F00; }

.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; }

/* input.css */ .input { width: 100%; } /* fieldset.css */ .fieldset :external(input from "./input.css") { width: 50%; }