CSS Modules
The CSS Modules project defines CSS Modules as:
A CSS Module is a CSS file in which all class names and animation names are scoped locally by default.
This implementation is however currently immature and what parsing we do have is very naively implemented. As a result, currently only class names are locally scoped and the following work is in progress:
- Locally scoped animation names
- Inlining
url()
and@import
statements
Usage
A Module
can be constructed manually:
use Module;
let css = new;
Or if you would prefer to use automatic module naming based on source code, through a macro:
use *;
let css = css_module!;
The same as above, but from a file relative to the current source file:
use *;
let css = include_css_module!;
Which is the equivelent of doing:
use *;
let css = css_module!;