package.json
5.93 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
{
"_args": [
[
{
"raw": "postcss-modules-scope@^1.0.0",
"scope": null,
"escapedName": "postcss-modules-scope",
"name": "postcss-modules-scope",
"rawSpec": "^1.0.0",
"spec": ">=1.0.0 <2.0.0",
"type": "range"
},
"D:\\100-Projects\\100-AIAHTML5\\400-SOURCECODE\\AIAHTML5.Admin\\node_modules\\css-loader"
]
],
"_from": "postcss-modules-scope@>=1.0.0 <2.0.0",
"_id": "postcss-modules-scope@1.1.0",
"_inCache": true,
"_location": "/postcss-modules-scope",
"_nodeVersion": "7.6.0",
"_npmOperationalInternal": {
"host": "s3://npm-registry-packages",
"tmp": "tmp/postcss-modules-scope-1.1.0.tgz_1495407357696_0.09866231633350253"
},
"_npmUser": {
"name": "geelen",
"email": "hi@glenmaddern.com"
},
"_npmVersion": "4.1.2",
"_phantomChildren": {
"escape-string-regexp": "1.0.5",
"has-flag": "1.0.0",
"source-map": "0.5.6"
},
"_requested": {
"raw": "postcss-modules-scope@^1.0.0",
"scope": null,
"escapedName": "postcss-modules-scope",
"name": "postcss-modules-scope",
"rawSpec": "^1.0.0",
"spec": ">=1.0.0 <2.0.0",
"type": "range"
},
"_requiredBy": [
"/css-loader"
],
"_resolved": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-1.1.0.tgz",
"_shasum": "d6ea64994c79f97b62a72b426fbe6056a194bb90",
"_shrinkwrap": null,
"_spec": "postcss-modules-scope@^1.0.0",
"_where": "D:\\100-Projects\\100-AIAHTML5\\400-SOURCECODE\\AIAHTML5.Admin\\node_modules\\css-loader",
"author": {
"name": "Glen Maddern"
},
"bugs": {
"url": "https://github.com/css-modules/postcss-modules-scope/issues"
},
"dependencies": {
"css-selector-tokenizer": "^0.7.0",
"postcss": "^6.0.1"
},
"description": "A CSS Modules transform to extract export statements from local-scope classes",
"devDependencies": {
"babel": "^5.4.7",
"babel-eslint": "^6.1.2",
"babel-istanbul": "^0.4.0",
"babelify": "^7.1.0",
"chokidar-cli": "^1.0.1",
"codecov.io": "^0.1.2",
"coveralls": "^2.11.2",
"css-selector-parser": "^1.0.4",
"eslint": "^1.5.0",
"mocha": "^3.0.1"
},
"directories": {},
"dist": {
"shasum": "d6ea64994c79f97b62a72b426fbe6056a194bb90",
"tarball": "https://registry.npmjs.org/postcss-modules-scope/-/postcss-modules-scope-1.1.0.tgz"
},
"files": [
"lib"
],
"gitHead": "45adcfb557a81ab9f5012bbfd93f5ef1d74a37a3",
"homepage": "https://github.com/css-modules/postcss-modules-scope",
"keywords": [
"css-modules",
"postcss",
"plugin"
],
"license": "ISC",
"main": "lib/index.js",
"maintainers": [
{
"name": "geelen",
"email": "hi@glenmaddern.com"
},
{
"name": "markdalgleish",
"email": "mark.john.dalgleish@gmail.com"
},
{
"name": "sokra",
"email": "tobias.koppers@googlemail.com"
}
],
"name": "postcss-modules-scope",
"optionalDependencies": {},
"readme": "# CSS Modules: Scope Locals & Extend\n\n[](https://travis-ci.org/css-modules/postcss-modules-scope)\n\nTransforms:\n\n```css\n:local(.continueButton) {\n color: green;\n}\n```\n\ninto:\n\n```css\n:export {\n continueButton: __buttons_continueButton_djd347adcxz9;\n}\n.__buttons_continueButton_djd347adcxz9 {\n color: green;\n}\n```\n\nso it doesn't pollute CSS global scope and can be simply used in JS like so:\n\n```js\nimport styles from './buttons.css'\nelem.innerHTML = `<button class=\"${styles.continueButton}\">Continue</button>`\n```\n\n## Composition\n\nSince we're exporting class names, there's no reason to export only one. This can give us some really useful reuse of styles:\n\n```css\n.globalButtonStyle {\n background: white;\n border: 1px solid;\n border-radius: 0.25rem;\n}\n.globalButtonStyle:hover {\n box-shadow: 0 0 4px -2px;\n}\n:local(.continueButton) {\n compose-with: globalButtonStyle;\n color: green;\n}\n```\n\nbecomes:\n\n```\n.globalButtonStyle {\n background: white;\n border: 1px solid;\n border-radius: 0.25rem;\n}\n.globalButtonStyle:hover {\n box-shadow: 0 0 4px -2px;\n}\n:local(.continueButton) {\n compose-with: globalButtonStyle;\n color: green;\n}\n```\n\n**Note:** you can also use `composes` as a shorthand for `compose-with`\n\n## Local-by-default & reuse across files\n\nYou're looking for [CSS Modules](https://github.com/css-modules/css-modules). It uses this plugin as well as a few others, and it's amazing.\n\n## Building\n\n```\nnpm install\nnpm test\n```\n\n[](https://travis-ci.org/css-modules/postcss-modules-scope)\n\n* Lines: [](https://coveralls.io/r/css-modules/postcss-modules-scope?branch=master)\n* Statements: [](http://codecov.io/github/css-modules/postcss-modules-scope?branch=master)\n\n## Development\n\n- `npm autotest` will watch `src` and `test` for changes and run the tests, and transpile the ES6 to ES5 on success\n\n## License\n\nISC\n\n## With thanks\n\n- Mark Dalgleish\n- Tobias Koppers\n- Guy Bedford\n\n---\nGlen Maddern, 2015.\n",
"readmeFilename": "README.md",
"repository": {
"type": "git",
"url": "git+https://github.com/css-modules/postcss-modules-scope.git"
},
"scripts": {
"autotest": "chokidar src test -c 'npm test'",
"build": "babel --out-dir lib src",
"cover": "babel-istanbul cover node_modules/.bin/_mocha",
"lint": "eslint src",
"posttest": "npm run lint && npm run build",
"precover": "npm run lint && npm run build",
"prepublish": "npm run build",
"test": "mocha --compilers js:babel/register",
"travis": "npm run cover -- --report lcovonly",
"watch": "chokidar src -c 'npm run build'"
},
"version": "1.1.0"
}