CSS Modules: Local by Default

Transformation examples:

1.foo { ... } /* => */ :local(.foo) { ... }
2
3.foo .bar { ... } /* => */ :local(.foo) :local(.bar) { ... }
4
5/* Shorthand global selector */
6
7:global .foo .bar { ... } /* => */ .foo .bar { ... }
8
9.foo :global .bar { ... } /* => */ :local(.foo) .bar { ... }
10
11/* Targeted global selector */
12
13:global(.foo) .bar { ... } /* => */ .foo :local(.bar) { ... }
14
15.foo:global(.bar) { ... } /* => */ :local(.foo).bar { ... }
16
17.foo :global(.bar) .baz { ... } /* => */ :local(.foo) .bar :local(.baz) { ... }
18
19.foo:global(.bar) .baz { ... } /* => */ :local(.foo).bar :local(.baz) { ... }

Building

1$ npm install
2$ npm test

• Build:
• Lines:
• Statements:

Development

1$ npm run autotest

License

MIT

With thanks

• Tobias Koppers
• Glen Maddern

---

Mark Dalgleish, 2015.