Skip to content
This repository was archived by the owner on Dec 19, 2024. It is now read-only.

Commit 106fd7b

Browse files
committed
Add some details in features list
1 parent 2a00525 commit 106fd7b

File tree

1 file changed

+33
-12
lines changed

1 file changed

+33
-12
lines changed

README.md

Lines changed: 33 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -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

Comments
 (0)