Added example for vendor-prefix-align option

mishanga · mishanga · commit 716719fdc154 · 2013-11-06T23:25:16.000+04:00
diff --git a/README.md b/README.md
@@ -414,17 +414,23 @@ Example: `{ "vendor-prefix-align": true }`
 /* before */
 a
 {
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  border-radius: 3px;
+    -webkit-border-radius: 3px;
+    -moz-border-radius: 3px;
+    border-radius: 3px;
+    background: -webkit-linear-gradient(top, #fff 0, #eee 100%);
+    background: -moz-linear-gradient(top, #fff 0, #eee 100%);
+    background: linear-gradient(to bottom, #fff 0, #eee 100%);
 }
 
 /* after */
 a
 {
-  -webkit-border-radius: 3px;
-     -moz-border-radius: 3px;
-          border-radius: 3px;
+    -webkit-border-radius: 3px;
+       -moz-border-radius: 3px;
+            border-radius: 3px;
+    background: -webkit-linear-gradient(top, #fff 0, #eee 100%);
+    background:    -moz-linear-gradient(top, #fff 0, #eee 100%);
+    background:         linear-gradient(to bottom, #fff 0, #eee 100%);
 }
 ```
 

Original file line number	Diff line number	Diff line change
@@ -414,17 +414,23 @@ Example: `{ "vendor-prefix-align": true }`
`414`	`414`	`/* before */`
`415`	`415`	`a`
`416`	`416`	`{`
`417`		`- -webkit-border-radius: 3px;`
`418`		`- -moz-border-radius: 3px;`
`419`		`- border-radius: 3px;`
	`417`	`+ -webkit-border-radius: 3px;`
	`418`	`+ -moz-border-radius: 3px;`
	`419`	`+ border-radius: 3px;`
	`420`	`+ background: -webkit-linear-gradient(top, #fff 0, #eee 100%);`
	`421`	`+ background: -moz-linear-gradient(top, #fff 0, #eee 100%);`
	`422`	`+ background: linear-gradient(to bottom, #fff 0, #eee 100%);`
`420`	`423`	`}`
`421`	`424`
`422`	`425`	`/* after */`
`423`	`426`	`a`
`424`	`427`	`{`
`425`		`- -webkit-border-radius: 3px;`
`426`		`- -moz-border-radius: 3px;`
`427`		`- border-radius: 3px;`
	`428`	`+ -webkit-border-radius: 3px;`
	`429`	`+ -moz-border-radius: 3px;`
	`430`	`+ border-radius: 3px;`
	`431`	`+ background: -webkit-linear-gradient(top, #fff 0, #eee 100%);`
	`432`	`+ background: -moz-linear-gradient(top, #fff 0, #eee 100%);`
	`433`	`+ background: linear-gradient(to bottom, #fff 0, #eee 100%);`
`428`	`434`	`}`
`429`	`435`	```
`430`	`436`