|
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576 |
- # CSS Modules: Extract Imports
-
- [](https://travis-ci.org/css-modules/postcss-modules-extract-imports)
-
- Transforms:
-
- ```css
- :local(.continueButton) {
- composes: button from "library/button.css";
- color: green;
- }
- ```
-
- into:
-
- ```css
- :import("library/button.css") {
- button: __tmp_487387465fczSDGHSABb;
- }
- :local(.continueButton) {
- composes: __tmp_487387465fczSDGHSABb;
- color: green;
- }
- ```
-
- ## Specification
-
- - Only a certain whitelist of properties are inspected. Currently, that whitelist is `['composes']` alone.
- - An extend-import has the following format:
-
- ```
- composes: className [... className] from "path/to/file.css";
- ```
-
- ## Options
-
- - `failOnWrongOrder` `bool` generates exception for unpredictable imports order.
-
- ```css
- .aa {
- composes: b from "./b.css";
- composes: c from "./c.css";
- }
-
- .bb {
- /* "b.css" should be before "c.css" in this case */
- composes: c from "./c.css";
- composes: b from "./b.css";
- }
- ```
-
- ## Building
-
- ```
- npm install
- npm test
- ```
-
- [](https://travis-ci.org/css-modules/postcss-modules-extract-imports)
-
- - Lines: [](https://coveralls.io/r/css-modules/postcss-modules-extract-imports?branch=master)
- - Statements: [](http://codecov.io/github/css-modules/postcss-modules-extract-imports?branch=master)
-
- ## License
-
- ISC
-
- ## With thanks
-
- - Mark Dalgleish
- - Tobias Koppers
- - Guy Bedford
-
- ---
-
- Glen Maddern, 2015.
|