postcss 6.0.10 → 6.0.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Potentially problematic release.


This version of postcss might be problematic. Click here for more details.

package/CHANGELOG.md CHANGED
@@ -1,6 +1,20 @@
1
1
  # Change Log
2
2
  This project adheres to [Semantic Versioning](http://semver.org/).
3
3
 
4
+ ## 6.0.14
5
+ * Fix TypeScript definitions (by Jed Mao).
6
+
7
+ ## 6.0.13
8
+ * Fix TypeScript definitions for case of multiple PostCSS versions
9
+ in `node_modules` (by Chris Eppstein).
10
+ * Use `source-map` 0.6.
11
+
12
+ ## 6.0.12
13
+ * Don’t copy `*` hack to declaration indent.
14
+
15
+ ## 6.0.11
16
+ * Add upper case `!IMPORTANT` support.
17
+
4
18
  ## 6.0.10
5
19
  * Reduce PostCSS size in webpack bundle.
6
20
 
@@ -50,6 +64,10 @@ This project adheres to [Semantic Versioning](http://semver.org/).
50
64
  * Move tests to Jest.
51
65
  * Clean up test (by Gabriel Kalani).
52
66
 
67
+ ## 5.2.18
68
+ * Fix TypeScript definitions for case of multiple PostCSS versions
69
+ in `node_modules` (by Chris Eppstein).
70
+
53
71
  ## 5.2.17
54
72
  * Add `postcss-sass` suggestion to syntax error on `.sass` input.
55
73
 
package/README.cn.md ADDED
@@ -0,0 +1,344 @@
1
+ # PostCSS [![Travis Build Status][travis-img]][travis] [![AppVeyor Build Status][appveyor-img]][appveyor] [![Gitter][chat-img]][chat]
2
+
3
+ <img align="right" width="95" height="95"
4
+ alt="哲学家的石头 - PostCSS 的 logo"
5
+ src="http://postcss.github.io/postcss/logo.svg">
6
+
7
+ [appveyor-img]: https://img.shields.io/appveyor/ci/ai/postcss.svg?label=windows
8
+ [travis-img]: https://img.shields.io/travis/postcss/postcss.svg?label=unix
9
+ [chat-img]: https://img.shields.io/badge/Gitter-Join_the_PostCSS_chat-brightgreen.svg
10
+ [appveyor]: https://ci.appveyor.com/project/ai/postcss
11
+ [travis]: https://travis-ci.org/postcss/postcss
12
+ [chat]: https://gitter.im/postcss/postcss
13
+
14
+ PostCSS 是一个允许使用 JS 插件转换样式的工具。
15
+ 这些插件可以检查(lint)你的 CSS,支持 CSS Variables 和 Mixins,
16
+ 编译尚未被浏览器广泛支持的先进的 CSS 语法,内联图片,以及其它很多优秀的功能。
17
+
18
+ PostCSS 在工业界被广泛地应用,其中不乏很多有名的行业领导者,如:维基百科,Twitter,阿里巴巴,
19
+ JetBrains。PostCSS 的 [Autoprefixer] 插件是最流行的 CSS 处理工具之一。
20
+
21
+ **Twitter 账号:** [@postcss](https://twitter.com/postcss)。<br>
22
+ **支持 / 讨论:** [Gitter](https://gitter.im/postcss/postcss)。<br>
23
+
24
+ 如果需要 PostCSS 商业支持(如咨询,提升公司的前端文化,
25
+ PostCSS 插件),请联系 [Evil Martians](https://evilmartians.com/?utm_source=postcss)
26
+ 邮箱 <surrender@evilmartians.com>。
27
+
28
+ [Autoprefixer]: https://github.com/postcss/autoprefixer
29
+
30
+ <a href="https://evilmartians.com/?utm_source=postcss">
31
+ <img src="https://evilmartians.com/badges/sponsored-by-evil-martians.svg"
32
+ alt="由 Evil Martians 赞助" width="236" height="54">
33
+ </a>
34
+
35
+ ## 插件
36
+
37
+ 截止到目前,PostCSS 有 200 多个插件。你可以在 [插件列表] 或 [搜索目录] 找到它们。
38
+ 下方的列表是我们最喜欢的插件 - 它们很好地演示了我们可以用 PostCSS 做些什么。
39
+
40
+ 如果你有任何新的想法,[开发 PostCSS 插件] 非常简单易上手。
41
+
42
+ [搜索目录]: http://postcss.parts
43
+ [插件列表]: https://github.com/postcss/postcss/blob/master/docs/plugins.md
44
+
45
+ ### 解决全局 CSS 的问题
46
+
47
+ * [`postcss-use`] 允许你在 CSS 里明确地设置 PostCSS 插件,并且只在当前文件执行它们。
48
+ * [`postcss-modules`] 和 [`react-css-modules`] 可以自动以组件为单位隔绝 CSS 选择器。
49
+ * [`postcss-autoreset`] 是全局样式重置的又一个选择,它更适用于分离的组件。
50
+ * [`postcss-initial`] 添加了 `all: initial` 的支持,重置了所有继承的样式。
51
+ * [`cq-prolyfill`] 添加了容器查询的支持,允许添加响应于父元素宽度的样式.
52
+
53
+ ### 提前使用先进的 CSS 特性
54
+
55
+ * [`autoprefixer`] 添加了 vendor 浏览器前缀,它使用 Can I Use 上面的数据。
56
+ * [`postcss-cssnext`] 允许你使用未来的 CSS 特性(包括 `autoprefixer`)。
57
+ * [`postcss-image-set-polyfill`] 为所有浏览器模拟了 [`image-set`] 函数逻辑。
58
+
59
+ ### 更佳的 CSS 可读性
60
+
61
+ * [`precss`] 囊括了许多插件来支持类似 Sass 的特性,比如 CSS 变量,套嵌,mixins 等。
62
+ * [`postcss-sorting`] 给规则的内容以及@规则排序。
63
+ * [`postcss-utilities`] 囊括了最常用的简写方式和书写帮助。
64
+ * [`short`] 添加并拓展了大量的缩写属性。
65
+
66
+ ### 图片和字体
67
+
68
+ * [`postcss-assets`] 可以插入图片尺寸和内联文件。
69
+ * [`postcss-sprites`] 能生成雪碧图。
70
+ * [`font-magician`] 生成所有在 CSS 里需要的 `@font-face` 规则。
71
+ * [`postcss-inline-svg`] 允许你内联 SVG 并定制它的样式。
72
+ * [`postcss-write-svg`] 允许你在 CSS 里写简单的 SVG。
73
+
74
+ ### 提示器(Linters)
75
+
76
+ * [`stylelint`] 是一个模块化的样式提示器。
77
+ * [`stylefmt`] 是一个能根据 `stylelint` 规则自动优化 CSS 格式的工具。
78
+ * [`doiuse`] 提示 CSS 的浏览器支持性,使用的数据来自于 Can I Use。
79
+ * [`colorguard`] 帮助你保持一个始终如一的调色板。
80
+
81
+ ### 其它
82
+
83
+ * [`postcss-rtl`] 在单个 CSS 文件里组合了两个方向(左到右,右到左)的样式。
84
+ * [`cssnano`] 是一个模块化的 CSS 压缩器。
85
+ * [`lost`] 是一个功能强大的 `calc()` 栅格系统。
86
+ * [`rtlcss`] 镜像翻转 CSS 样式,适用于 right-to-left 的应用场景。
87
+
88
+ [`postcss-image-set-polyfill`]: https://github.com/SuperOl3g/postcss-image-set-polyfill
89
+ [`postcss-inline-svg`]: https://github.com/TrySound/postcss-inline-svg
90
+ [`react-css-modules`]: https://github.com/gajus/react-css-modules
91
+ [`postcss-autoreset`]: https://github.com/maximkoretskiy/postcss-autoreset
92
+ [`postcss-write-svg`]: https://github.com/jonathantneal/postcss-write-svg
93
+ [`postcss-utilities`]: https://github.com/ismamz/postcss-utilities
94
+ [`postcss-initial`]: https://github.com/maximkoretskiy/postcss-initial
95
+ [`postcss-sprites`]: https://github.com/2createStudio/postcss-sprites
96
+ [`postcss-modules`]: https://github.com/outpunk/postcss-modules
97
+ [`postcss-sorting`]: https://github.com/hudochenkov/postcss-sorting
98
+ [`postcss-cssnext`]: http://cssnext.io
99
+ [`postcss-assets`]: https://github.com/assetsjs/postcss-assets
100
+ [开发 PostCSS 插件]: https://github.com/postcss/postcss/blob/master/docs/writing-a-plugin.md
101
+ [`font-magician`]: https://github.com/jonathantneal/postcss-font-magician
102
+ [`autoprefixer`]: https://github.com/postcss/autoprefixer
103
+ [`cq-prolyfill`]: https://github.com/ausi/cq-prolyfill
104
+ [`postcss-rtl`]: https://github.com/vkalinichev/postcss-rtl
105
+ [`postcss-use`]: https://github.com/postcss/postcss-use
106
+ [`css-modules`]: https://github.com/css-modules/css-modules
107
+ [`colorguard`]: https://github.com/SlexAxton/css-colorguard
108
+ [`stylelint`]: https://github.com/stylelint/stylelint
109
+ [`image-set`]: https://drafts.csswg.org/css-images-4/#image-set-notation
110
+ [`stylefmt`]: https://github.com/morishitter/stylefmt
111
+ [`cssnano`]: http://cssnano.co
112
+ [`precss`]: https://github.com/jonathantneal/precss
113
+ [`doiuse`]: https://github.com/anandthakker/doiuse
114
+ [`rtlcss`]: https://github.com/MohammadYounes/rtlcss
115
+ [`short`]: https://github.com/jonathantneal/postcss-short
116
+ [`lost`]: https://github.com/peterramsing/lost
117
+
118
+ ## 语法
119
+
120
+ PostCSS 可以转化样式到任意语法,不仅仅是 CSS。
121
+ 如果还没有支持你最喜欢的语法,你可以编写一个解释器以及(或者)一个 stringifier 来拓展 PostCSS。
122
+
123
+ * [`sugarss`] 是一个以缩进为基础的语法,类似于 Sass 和 Stylus。
124
+ * [`postcss-html`] 允许你在 HTML / [Markdown](https://daringfireball.net/projects/markdown/syntax) / [Vue component](https://vue-loader.vuejs.org/) 里编写样式。
125
+ * [`postcss-scss`] 允许你使用 SCSS *(但并没有将 SCSS 编译到 CSS)*。
126
+ * [`postcss-sass`] 允许你使用 Sass *(但并没有将 Sass 编译到 CSS)*。
127
+ * [`postcss-less`] 允许你使用 Less *(但并没有将 LESS 编译到 CSS)*。
128
+ * [`postcss-less-engine`] 允许你使用 Less *(并且使用真正的 Less.js 把 LESS 编译到 CSS)*。
129
+ * [`postcss-js`] 允许你在 JS 里编写样式,或者转换成 React 的内联样式/Radium/JSS。
130
+ * [`postcss-safe-parser`] 查找并修复 CSS 语法错误。
131
+ * [`midas`] 将 CSS 字符串转化成高亮的 HTML。
132
+
133
+ [`postcss-less-engine`]: https://github.com/Crunch/postcss-less
134
+ [`postcss-safe-parser`]: https://github.com/postcss/postcss-safe-parser
135
+ [`postcss-html`]: https://github.com/gucong3000/postcss-html
136
+ [`postcss-scss`]: https://github.com/postcss/postcss-scss
137
+ [`postcss-sass`]: https://github.com/AleshaOleg/postcss-sass
138
+ [`postcss-less`]: https://github.com/webschik/postcss-less
139
+ [`postcss-js`]: https://github.com/postcss/postcss-js
140
+ [`sugarss`]: https://github.com/postcss/sugarss
141
+ [`midas`]: https://github.com/ben-eb/midas
142
+
143
+ ## 文章
144
+
145
+ * [一些你对 PostCSS 可能产生的误解](http://julian.io/some-things-you-may-think-about-postcss-and-you-might-be-wrong)
146
+ * [PostCSS 究竟是什么,是做什么的](http://davidtheclark.com/its-time-for-everyone-to-learn-about-postcss)
147
+ * [PostCSS 指南](http://webdesign.tutsplus.com/series/postcss-deep-dive--cms-889)
148
+
149
+ 你可以在 [awesome-postcss](https://github.com/jjaderg/awesome-postcss) 列表里找到更多优秀的文章和视频。
150
+
151
+ ## 书籍
152
+
153
+ * Alex Libby, Packt 的 [网页设计之精通 PostCSS](https://www.packtpub.com/web-development/mastering-postcss-web-design) (2016年6月)
154
+
155
+ ## 使用方法
156
+
157
+ 你可以通过简单的两步便开始使用 PostCSS:
158
+
159
+ 1. 在你的构建工具中查找并添加 PostCSS 拓展。
160
+ 2. [选择插件]并将它们添加到你的 PostCSS 处理队列中。
161
+
162
+ [选择插件]: http://postcss.parts
163
+
164
+ ### Webpack
165
+
166
+ 在 `webpack.config.js` 里使用 [`postcss-loader`] :
167
+
168
+ ```js
169
+ module.exports = {
170
+ module: {
171
+ rules: [
172
+ {
173
+ test: /\.css$/,
174
+ exclude: /node_modules/,
175
+ use: [
176
+ {
177
+ loader: 'style-loader',
178
+ },
179
+ {
180
+ loader: 'css-loader',
181
+ options: {
182
+ importLoaders: 1,
183
+ }
184
+ },
185
+ {
186
+ loader: 'postcss-loader'
187
+ }
188
+ ]
189
+ }
190
+ ]
191
+ }
192
+ }
193
+ ```
194
+
195
+ 然后创建 `postcss.config.js`:
196
+
197
+ ```js
198
+ module.exports = {
199
+ plugins: [
200
+ require('precss'),
201
+ require('autoprefixer')
202
+ ]
203
+ }
204
+ ```
205
+
206
+ [`postcss-loader`]: https://github.com/postcss/postcss-loader
207
+
208
+ ### Gulp
209
+
210
+ 使用 [`gulp-postcss`] 和 [`gulp-sourcemaps`].
211
+
212
+ ```js
213
+ gulp.task('css', function () {
214
+ var postcss = require('gulp-postcss');
215
+ var sourcemaps = require('gulp-sourcemaps');
216
+
217
+ return gulp.src('src/**/*.css')
218
+ .pipe( sourcemaps.init() )
219
+ .pipe( postcss([ require('precss'), require('autoprefixer') ]) )
220
+ .pipe( sourcemaps.write('.') )
221
+ .pipe( gulp.dest('build/') );
222
+ });
223
+ ```
224
+
225
+ [`gulp-sourcemaps`]: https://github.com/floridoo/gulp-sourcemaps
226
+ [`gulp-postcss`]: https://github.com/postcss/gulp-postcss
227
+
228
+ ### npm run / CLI
229
+
230
+ 如果需要在你的命令行界面或 npm 脚本里使用 PostCSS,你可以使用 [`postcss-cli`]。
231
+
232
+ ```sh
233
+ postcss --use autoprefixer -c options.json -o main.css css/*.css
234
+ ```
235
+
236
+ [`postcss-cli`]: https://github.com/postcss/postcss-cli
237
+
238
+ ### 浏览器
239
+
240
+ 如果你想编译浏览器里的 CSS 字符串(例如像 CodePen 一样的在线编辑器),
241
+ 只需使用 [Browserify] 或 [webpack]。它们会把 PostCSS 和插件文件打包进一个独立文件。
242
+
243
+ 如果想要在 React 内联样式/JSS/Radium/其它 [CSS-in-JS] 里使用 PostCSS,
244
+ 你可以用 [`postcss-js`] 然后转换样式对象。
245
+
246
+ ```js
247
+ var postcss = require('postcss-js');
248
+ var prefixer = postcss.sync([ require('autoprefixer') ]);
249
+
250
+ prefixer({ display: 'flex' }); //=> { display: ['-webkit-box', '-webkit-flex', '-ms-flexbox', 'flex'] }
251
+ ```
252
+
253
+ [`postcss-js`]: https://github.com/postcss/postcss-js
254
+ [Browserify]: http://browserify.org/
255
+ [CSS-in-JS]: https://github.com/MicheleBertoli/css-in-js
256
+ [webpack]: https://webpack.github.io/
257
+
258
+ ### 运行器
259
+
260
+ * **Grunt**: [`grunt-postcss`](https://github.com/nDmitry/grunt-postcss)
261
+ * **HTML**: [`posthtml-postcss`](https://github.com/posthtml/posthtml-postcss)
262
+ * **Stylus**: [`poststylus`](https://github.com/seaneking/poststylus)
263
+ * **Rollup**: [`rollup-plugin-postcss`](https://github.com/egoist/rollup-plugin-postcss)
264
+ * **Brunch**: [`postcss-brunch`](https://github.com/brunch/postcss-brunch)
265
+ * **Broccoli**: [`broccoli-postcss`](https://github.com/jeffjewiss/broccoli-postcss)
266
+ * **Meteor**: [`postcss`](https://atmospherejs.com/juliancwirko/postcss)
267
+ * **ENB**: [`enb-postcss`](https://github.com/awinogradov/enb-postcss)
268
+ * **Taskr**: [`taskr-postcss`](https://github.com/lukeed/taskr/tree/master/packages/postcss)
269
+ * **Start**: [`start-postcss`](https://github.com/start-runner/postcss)
270
+ * **Connect/Express**: [`postcss-middleware`](https://github.com/jedmao/postcss-middleware)
271
+
272
+ ### JS API
273
+
274
+ 对于其它的应用环境,你可以使用 JS API:
275
+
276
+ ```js
277
+ const fs = require('fs');
278
+ const postcss = require('postcss');
279
+ const precss = require('precss');
280
+ const autoprefixer = require('autoprefixer');
281
+
282
+ fs.readFile('src/app.css', (err, css) => {
283
+ postcss([precss, autoprefixer])
284
+ .process(css, { from: 'src/app.css', to: 'dest/app.css' })
285
+ .then(result => {
286
+ fs.writeFile('dest/app.css', result.css);
287
+ if ( result.map ) fs.writeFile('dest/app.css.map', result.map);
288
+ });
289
+ });
290
+ ```
291
+
292
+ 阅读 [PostCSS API 文档] 获取更多有关 JS API 的信息.
293
+
294
+ 所有的 PostCSS 运行器应当通过 [PostCSS 运行器指南]。
295
+
296
+ [PostCSS 运行器指南]: https://github.com/postcss/postcss/blob/master/docs/guidelines/runner.md
297
+ [PostCSS API 文档]: http://api.postcss.org/postcss.html
298
+
299
+ ### 配置选项
300
+
301
+ 绝大多数 PostCSS 运行器接受两个参数:
302
+
303
+ * 一个包含所需插件的数组
304
+ * 一个配置选项的对象
305
+
306
+ 常见的选项:
307
+
308
+ * `syntax`: 一个提供了语法解释器和 stringifier 的对象。
309
+ * `parser`: 一个特殊的语法解释器(例如 [SCSS])。
310
+ * `stringifier`: 一个特殊的语法 output 生成器(例如 [Midas])。
311
+ * `map`: [source map 选项].
312
+ * `from`: input 文件名称(大多数运行器自动设置了这个)。
313
+ * `to`: output 文件名称(大多数运行器自动设置了这个)。
314
+
315
+ [source map 选项]: https://github.com/postcss/postcss/blob/master/docs/source-maps.md
316
+ [Midas]: https://github.com/ben-eb/midas
317
+ [SCSS]: https://github.com/postcss/postcss-scss
318
+
319
+ ### Atom
320
+
321
+ * [`language-postcss`] 添加了 PostCSS 和 [SugarSS] 代码高亮。
322
+ * [`source-preview-postcss`] 在一个独立窗口里实时预览生成的 CSS。
323
+
324
+ [SugarSS]: https://github.com/postcss/sugarss
325
+
326
+ ### Sublime Text
327
+
328
+ * [`Syntax-highlighting-for-PostCSS`] 添加了 PostCSS 代码高亮。
329
+
330
+ [`Syntax-highlighting-for-PostCSS`]: https://github.com/hudochenkov/Syntax-highlighting-for-PostCSS
331
+ [`source-preview-postcss`]: https://atom.io/packages/source-preview-postcss
332
+ [`language-postcss`]: https://atom.io/packages/language-postcss
333
+
334
+ ### Vim
335
+
336
+ * [`postcss.vim`] 添加了 PostCSS 代码高亮。
337
+
338
+ [`postcss.vim`]: https://github.com/stephenway/postcss.vim
339
+
340
+ ### WebStorm
341
+
342
+ 自 WebStorm 2016.3 开始,[提供了] 内建的 PostCSS 支持。
343
+
344
+ [提供了]: https://blog.jetbrains.com/webstorm/2016/08/webstorm-2016-3-early-access-preview/
package/README.md CHANGED
@@ -1,7 +1,7 @@
1
1
  # PostCSS [![Travis Build Status][travis-img]][travis] [![AppVeyor Build Status][appveyor-img]][appveyor] [![Gitter][chat-img]][chat]
2
2
 
3
3
  <img align="right" width="95" height="95"
4
- title="Philosopher’s stone, logo of PostCSS"
4
+ alt="Philosopher’s stone, logo of PostCSS"
5
5
  src="http://postcss.github.io/postcss/logo.svg">
6
6
 
7
7
  [appveyor-img]: https://img.shields.io/appveyor/ci/ai/postcss.svg?label=windows
@@ -19,9 +19,10 @@ PostCSS is used by industry leaders including Wikipedia, Twitter, Alibaba,
19
19
  and JetBrains. The [Autoprefixer] PostCSS plugin is one of the most popular
20
20
  CSS processors.
21
21
 
22
- Twitter account: [@postcss](https://twitter.com/postcss).
23
- VK.com page: [postcss](https://vk.com/postcss).
24
- Support / Discussion: [Gitter](https://gitter.im/postcss/postcss).
22
+ **Twitter account:** [@postcss](https://twitter.com/postcss).<br>
23
+ **VK.com page:** [postcss](https://vk.com/postcss).<br>
24
+ **Support / Discussion:** [Gitter](https://gitter.im/postcss/postcss).<br>
25
+ **中文翻译**: [`README.cn.md`](./README.cn.md).
25
26
 
26
27
  For PostCSS commercial support (consulting, improving the front-end culture
27
28
  of your company, PostCSS plugins), contact [Evil Martians](https://evilmartians.com/?utm_source=postcss)
@@ -97,35 +98,35 @@ If you have any new ideas, [PostCSS plugin development] is really easy.
97
98
  * [`lost`] is a feature-rich `calc()` grid system.
98
99
  * [`rtlcss`] mirrors styles for right-to-left locales.
99
100
 
100
- [PostCSS plugin development]: https://github.com/postcss/postcss/blob/master/docs/writing-a-plugin.md
101
- [`postcss-inline-svg`]: https://github.com/TrySound/postcss-inline-svg
102
- [`react-css-modules`]: https://github.com/gajus/react-css-modules
103
- [`postcss-autoreset`]: https://github.com/maximkoretskiy/postcss-autoreset
104
- [`postcss-write-svg`]: https://github.com/jonathantneal/postcss-write-svg
105
- [`postcss-utilities`]: https://github.com/ismamz/postcss-utilities
106
- [`postcss-initial`]: https://github.com/maximkoretskiy/postcss-initial
107
- [`postcss-sprites`]: https://github.com/2createStudio/postcss-sprites
108
- [`postcss-modules`]: https://github.com/outpunk/postcss-modules
109
- [`postcss-sorting`]: https://github.com/hudochenkov/postcss-sorting
110
- [`postcss-cssnext`]: http://cssnext.io
111
101
  [`postcss-image-set-polyfill`]: https://github.com/SuperOl3g/postcss-image-set-polyfill
112
- [`postcss-assets`]: https://github.com/assetsjs/postcss-assets
113
- [`font-magician`]: https://github.com/jonathantneal/postcss-font-magician
114
- [`autoprefixer`]: https://github.com/postcss/autoprefixer
115
- [`cq-prolyfill`]: https://github.com/ausi/cq-prolyfill
116
- [`postcss-rtl`]: https://github.com/vkalinichev/postcss-rtl
117
- [`postcss-use`]: https://github.com/postcss/postcss-use
118
- [`css-modules`]: https://github.com/css-modules/css-modules
119
- [`colorguard`]: https://github.com/SlexAxton/css-colorguard
120
- [`stylelint`]: https://github.com/stylelint/stylelint
121
- [`stylefmt`]: https://github.com/morishitter/stylefmt
122
- [`cssnano`]: http://cssnano.co
123
- [`precss`]: https://github.com/jonathantneal/precss
124
- [`doiuse`]: https://github.com/anandthakker/doiuse
125
- [`rtlcss`]: https://github.com/MohammadYounes/rtlcss
126
- [`short`]: https://github.com/jonathantneal/postcss-short
127
- [`lost`]: https://github.com/peterramsing/lost
128
- [`image-set`]: https://drafts.csswg.org/css-images-3/#image-set-notation
102
+ [PostCSS plugin development]: https://github.com/postcss/postcss/blob/master/docs/writing-a-plugin.md
103
+ [`postcss-inline-svg`]: https://github.com/TrySound/postcss-inline-svg
104
+ [`react-css-modules`]: https://github.com/gajus/react-css-modules
105
+ [`postcss-autoreset`]: https://github.com/maximkoretskiy/postcss-autoreset
106
+ [`postcss-write-svg`]: https://github.com/jonathantneal/postcss-write-svg
107
+ [`postcss-utilities`]: https://github.com/ismamz/postcss-utilities
108
+ [`postcss-initial`]: https://github.com/maximkoretskiy/postcss-initial
109
+ [`postcss-sprites`]: https://github.com/2createStudio/postcss-sprites
110
+ [`postcss-modules`]: https://github.com/outpunk/postcss-modules
111
+ [`postcss-sorting`]: https://github.com/hudochenkov/postcss-sorting
112
+ [`postcss-cssnext`]: http://cssnext.io
113
+ [`postcss-assets`]: https://github.com/assetsjs/postcss-assets
114
+ [`font-magician`]: https://github.com/jonathantneal/postcss-font-magician
115
+ [`autoprefixer`]: https://github.com/postcss/autoprefixer
116
+ [`cq-prolyfill`]: https://github.com/ausi/cq-prolyfill
117
+ [`postcss-rtl`]: https://github.com/vkalinichev/postcss-rtl
118
+ [`postcss-use`]: https://github.com/postcss/postcss-use
119
+ [`css-modules`]: https://github.com/css-modules/css-modules
120
+ [`colorguard`]: https://github.com/SlexAxton/css-colorguard
121
+ [`stylelint`]: https://github.com/stylelint/stylelint
122
+ [`image-set`]: https://drafts.csswg.org/css-images-4/#image-set-notation
123
+ [`stylefmt`]: https://github.com/morishitter/stylefmt
124
+ [`cssnano`]: http://cssnano.co
125
+ [`precss`]: https://github.com/jonathantneal/precss
126
+ [`doiuse`]: https://github.com/anandthakker/doiuse
127
+ [`rtlcss`]: https://github.com/MohammadYounes/rtlcss
128
+ [`short`]: https://github.com/jonathantneal/postcss-short
129
+ [`lost`]: https://github.com/peterramsing/lost
129
130
 
130
131
  ## Syntaxes
131
132
 
@@ -148,14 +149,14 @@ you can write a parser and/or stringifier to extend PostCSS.
148
149
  * [`postcss-safe-parser`] finds and fixes CSS syntax errors.
149
150
  * [`midas`] converts a CSS string to highlighted HTML.
150
151
 
151
- [`sugarss`]: https://github.com/postcss/sugarss
152
+ [`postcss-less-engine`]: https://github.com/Crunch/postcss-less
153
+ [`postcss-safe-parser`]: https://github.com/postcss/postcss-safe-parser
152
154
  [`postcss-html`]: https://github.com/gucong3000/postcss-html
153
155
  [`postcss-scss`]: https://github.com/postcss/postcss-scss
154
156
  [`postcss-sass`]: https://github.com/AleshaOleg/postcss-sass
155
157
  [`postcss-less`]: https://github.com/webschik/postcss-less
156
- [`postcss-less-engine`]: https://github.com/Crunch/postcss-less
157
158
  [`postcss-js`]: https://github.com/postcss/postcss-js
158
- [`postcss-safe-parser`]: https://github.com/postcss/postcss-safe-parser
159
+ [`sugarss`]: https://github.com/postcss/sugarss
159
160
  [`midas`]: https://github.com/ben-eb/midas
160
161
 
161
162
  ## Articles
@@ -272,8 +273,8 @@ prefixer({ display: 'flex' }); //=> { display: ['-webkit-box', '-webkit-flex', '
272
273
 
273
274
  [`postcss-js`]: https://github.com/postcss/postcss-js
274
275
  [Browserify]: http://browserify.org/
275
- [webpack]: https://webpack.github.io/
276
276
  [CSS-in-JS]: https://github.com/MicheleBertoli/css-in-js
277
+ [webpack]: https://webpack.github.io/
277
278
 
278
279
  ### Runners
279
280
 
@@ -285,7 +286,7 @@ prefixer({ display: 'flex' }); //=> { display: ['-webkit-box', '-webkit-flex', '
285
286
  * **Broccoli**: [`broccoli-postcss`](https://github.com/jeffjewiss/broccoli-postcss)
286
287
  * **Meteor**: [`postcss`](https://atmospherejs.com/juliancwirko/postcss)
287
288
  * **ENB**: [`enb-postcss`](https://github.com/awinogradov/enb-postcss)
288
- * **Fly**: [`fly-postcss`](https://github.com/postcss/fly-postcss)
289
+ * **Taskr**: [`taskr-postcss`](https://github.com/lukeed/taskr/tree/master/packages/postcss)
289
290
  * **Start**: [`start-postcss`](https://github.com/start-runner/postcss)
290
291
  * **Connect/Express**: [`postcss-middleware`](https://github.com/jedmao/postcss-middleware)
291
292