CSS Modules: Local by Default

Transformation examples:

```css .foo { … } / => / :local(.foo) { … }

.foo .bar { … } / => / :local(.foo) :local(.bar) { … }

/ Shorthand global selector /

:global .foo .bar { … } / => / .foo .bar { … }

.foo :global .bar { … } / => / :local(.foo) .bar { … }

/ Targeted global selector /

:global(.foo) .bar { … } / => / .foo :local(.bar) { … }

.foo:global(.bar) { … } / => / :local(.foo).bar { … }

.foo :global(.bar) .baz { … } / => / :local(.foo) .bar :local(.baz) { … }

.foo:global(.bar) .baz { … } / => / :local(.foo).bar :local(.baz) { … } ```

Building

bash $ npm install $ npm test

• Build:
• Lines:
• Statements:

Development

bash $ yarn test:watch

License

MIT

With thanks

• Tobias Koppers
• Glen Maddern

Mark Dalgleish, 2015.