@@ -34,38 +34,59 @@ Follow [@cssnext on Twitter](https://twitter.com/cssnext) to get the latest news
3434
3535## Features
3636
37- * automatic vendor prefixes ([ ⇗] ( https://github.com/postcss/autoprefixer ) ),
37+ You can safely use the following features:
38+
39+ * automatic vendor prefixes
40+ (via [ autoprefixer] ( https://github.com/postcss/autoprefixer ) ),
3841* [ custom properties & ` var() ` ] ( http://www.w3.org/TR/css-variables/ )
39- ([ ⇗] ( https://github.com/postcss/postcss-custom-properties ) ) limited to ` :root ` ,
42+ limited to ` :root `
43+ ([ ⇗] ( https://github.com/postcss/postcss-custom-properties ) ),
4044* [ reduced ` calc() ` ] ( https://github.com/MoOx/reduce-css-calc#readme )
41- ([ ⇗] ( https://github.com/postcss/postcss-calc ) ) to optimize previously parsed ` var() ` references,
45+ to optimize previously parsed ` var() ` references
46+ ([ ⇗] ( https://github.com/postcss/postcss-calc ) ),
4247* [ custom media queries] ( http://dev.w3.org/csswg/mediaqueries/#custom-mq )
43- ([ ⇗] ( https://github.com/postcss/postcss-custom-media ) ) a nice way to have semantic media queries,
48+ a nice way to have semantic media queries
49+ ([ ⇗] ( https://github.com/postcss/postcss-custom-media ) ),
4450* [ media queries ranges] ( http://dev.w3.org/csswg/mediaqueries/#mq-ranges )
45- ([ ⇗] ( https://github.com/postcss/postcss-media-minmax ) ) that allows to replace min-/max- with ` <= ` & ` >= ` (syntax easier to read),
51+ that allows to replace min-/max- with ` <= ` & ` >= ` (syntax easier to read)
52+ ([ ⇗] ( https://github.com/postcss/postcss-media-minmax ) ),
4653* [ custom selectors] ( http://dev.w3.org/csswg/css-extensions/#custom-selectors )
47- ([ ⇗] ( https://github.com/postcss/postcss-custom-selector ) ) to create your own selectors,
54+ to create your own selectors
55+ ([ ⇗] ( https://github.com/postcss/postcss-custom-selector ) ),
4856* [ ` color() ` ] ( http://dev.w3.org/csswg/css-color/#modifying-colors )
49- ([ ⇗] ( https://github.com/postcss/postcss-color-function ) ) a color function to modify colors,
57+ a color function to modify colors
58+ (transpiled to: ` rgba() ` )
59+ ([ ⇗] ( https://github.com/postcss/postcss-color-function ) ),
5060* [ ` hwb() ` ] ( http://dev.w3.org/csswg/css-color/#the-hwb-notation )
51- ([ ⇗] ( https://github.com/postcss/postcss-color-hwb ) ) similar to ` hsl() ` but easier for humans to work with,
61+ similar to ` hsl() ` but easier for humans to work with
62+ (transpiled to: ` rgba() ` )
63+ ([ ⇗] ( https://github.com/postcss/postcss-color-hwb ) ) ,
5264* [ ` gray() ` ] ( http://dev.w3.org/csswg/css-color/#grays )
65+ (transpiled to: ` rgba() ` )
5366([ ⇗] ( https://github.com/postcss/postcss-color-gray ) ),
5467* [ #rrggbbaa] ( http://dev.w3.org/csswg/css-color/#hex-notation )
68+ (transpiled to: ` rgba() ` )
5569([ ⇗] ( https://github.com/postcss/postcss-color-hex-alpha ) ),
5670* [ ` rebeccapurple ` ] ( http://dev.w3.org/csswg/css-color/#valdef-color-rebeccapurple )
5771([ ⇗] ( https://github.com/postcss/postcss-color-rebeccapurple ) ),
58- * [ font-variant] ( http://dev.w3.org/csswg/css-fonts/#propdef-font-variant ) properties
72+ * [ font-variant] ( http://dev.w3.org/csswg/css-fonts/#propdef-font-variant )
73+ properties (fallback: ` font-feature-settings ` )
5974([ ⇗] ( https://github.com/postcss/postcss-font-variant ) ),
60- * [ filter] ( http://www.w3.org/TR/filter-effects/ ) properties
75+ * [ filter] ( http://www.w3.org/TR/filter-effects/ )
76+ properties (fallback: inlined ` <svg> ` filter)
6177([ ⇗] ( https://github.com/iamvdo/pleeease-filters ) )
62- * [ rem] ( http://www.w3.org/TR/css3-values/#rem-unit ) units
78+ * [ ` rem ` units] ( http://www.w3.org/TR/css3-values/#rem-unit )
79+ (fallback: ` px ` )
6380([ ⇗] ( https://github.com/robwierzbowski/node-pixrem ) )
6481* [ pseudo-elements] ( http://www.w3.org/TR/css3-selectors/#pseudo-elements )
82+ (adjust ` :: ` to ` : ` )
6583([ ⇗] ( https://github.com/axa-ch/postcss-pseudoelements ) )
66- * [ rgba()] ( http://www.w3.org/TR/css3-color/ )
84+ * alpha colors for browser that don't understand [ css 3 colors] ( http://www.w3.org/TR/css3-color/ )
85+ (fallback: solid hexa colors)
6786([ ⇗] ( https://github.com/postcss/postcss-color-rgba-fallback ) )
6887
88+ _ Note that according to your [ browser scope] ( #nodejs-options ) some might be not transpiled to avoid extra useless output._
89+
6990### Bonus features
7091
7192_ <small >The features below are considered as bonus since it's totally not related to CSS specs</small >._
0 commit comments