A CSS Modules transform to make local scope the default
Package: postcss-modules-local-by-default
Created by: css-modules
Last modified: Wed, 03 Apr 2024 11:08:24 GMT
Version: 4.0.5
License: MIT
Downloads: 76,385,033
Repository: https://github.com/css-modules/postcss-modules-local-by-default
Install
npm install postcss-modules-local-by-default
yarn add postcss-modules-local-by-default
CSS Modules: Local by Default
Transformation examples:
.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
$ npm install
$ npm test
- Build:
- Lines:
- Statements:
Development
$ yarn test:watch
License
MIT
With thanks
Mark Dalgleish, 2015.
