File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change @@ -33,6 +33,7 @@ __Tiny [5<sup>th</sup> generation](https://github.com/streamich/freestyler/blob/
3333 - [ ` nesting ` ] ( ./docs/nesting.md )
3434 - [ ` keyframes() ` ] ( ./docs/keyframes.md )
3535 - [ ` hydrate ` ] ( ./docs/hydrate.md )
36+ - [ ` prefixer ` ] ( ./docs/prefixer.md )
3637 - [ ` stylis ` ] ( ./docs/stylis.md )
3738 - [ ` unitless ` ] ( ./docs/unitless.md )
3839 - [ ` !important ` ] ( ./docs/important.md )
Original file line number Diff line number Diff line change @@ -21,6 +21,7 @@ plenty more to chose from. Below is a list of addons shipped with `nano-css`.
2121- [ ` nesting ` ] ( ./nesting.md ) &mdash ; better nesting features
2222- [ ` keyframes() ` ] ( ./keyframes.md ) &mdash ; adds ` @keyframes ` support
2323- [ ` hydrate ` ] ( ./hydrate.md ) &mdash ; adds support for re-hydration on client side
24+ - [ ` prefixer ` ] ( ./prefixer.md ) &mdash ; auto-prefixes your styles with correct vendor prefixes
2425- [ ` stylis ` ] ( ./stylis.md ) &mdash ; write CSS as strings
2526- [ ` unitless ` ] ( ./unitless.md ) &mdash ; automatically adds ` px ` to styles
2627- [ ` !important ` ] ( ./important.md ) &mdash ; adds ` !important ` to all declarations
Original file line number Diff line number Diff line change 1+ # ` prefixer ` Addon
2+
3+ Uses [ ` inline-style-prefixer ` ] ( https://github.com/rofrischmann/inline-style-prefixer ) library
4+ to auto-prefix your styles on the server and browser.
5+
6+ Example:
7+
8+ ``` js
9+ nano .put (' .foo' , {
10+ flex: 1
11+ });
12+ ```
13+
14+ Result:
15+
16+ ``` css
17+ .foo {
18+ -webkit-flex :1 ;
19+ flex :1 ;
20+ }
21+ ```
22+
23+
24+ ## Installation
25+
26+ Simply install ` prefixer ` addon.
27+
28+ Read more about the [ Addons Installation] ( ./Addons.md#addon-installation ) .
You can’t perform that action at this time.
0 commit comments