autoprefixer-rails 0.2.20130413 → 0.3.20130423

data/ChangeLog

@@ -1,3 +1,11 @@
+== 0.3 (Growing Strong)
+* Use own filters instead of Rework’s `prefix` and `prefixValue`.
+* Smarter value prefixer without false match “order” in “border”.
+* 40% faster.
+* Don’t add unnecessary properties instead of Rework’s `prefixValue`.
+* Don’t change properties order.
+* Sort properties and values in inspect output.
+
 == 0.2 (Hear Me Roar!)
 * Update parse libraries.
 * Add inspect method and rake tast.

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    autoprefixer-rails (0.2.20130413)
+    autoprefixer-rails (0.3.20130423)
       execjs
 
 GEM
@@ -36,7 +36,7 @@ GEM
       multi_json (~> 1.0)
     arel (3.0.2)
     builder (3.0.4)
-    diff-lcs (1.2.3)
+    diff-lcs (1.2.4)
     erubis (2.7.0)
     execjs (1.4.0)
       multi_json (~> 1.0)
@@ -49,7 +49,7 @@ GEM
       i18n (>= 0.4.0)
       mime-types (~> 1.16)
       treetop (~> 1.4.8)
-    mime-types (1.22)
+    mime-types (1.23)
     multi_json (1.7.2)
     polyglot (0.3.3)
     rack (1.4.5)

data/README.md

@@ -9,10 +9,9 @@ This gem provides Ruby and Ruby on Rails integration with
 Write your CSS usual code without prefixes (forget about them at all,
 Autoprefixer will think for you) in `app/assets/stylesheets`:
 
-```css
-a {
-    transition: transform 1s
-}
+```sass
+a
+  transition: transform 1s
 ```
 
 Autoprefixer will take database with current browser statistics
@@ -21,21 +20,16 @@ and properties support and adds only actual prefixes by Assets Pipeline:
 ```css
 a {
   -webkit-transition: -webkit-transform 1s;
-  -ms-transition: -ms-transform 1s;
   -o-transition: -o-transform 1s;
-  -webkit-transition: transform 1s;
-  -o-transition: transform 1s;
+  transition: -webkit-transform 1s;
   transition: transform 1s
 }
 ```
 
-You can use it with Sass, LESS or Stylus, because Assets Pipeline has a nice
-architecture cascade filters. Just write CSS without prefixes in Sass syntax:
+You can use it with CSS, SCSS, Sass, LESS or Stylus, because Assets Pipeline
+has a nice architecture cascade filters.
 
-```sass
-a
-  transition: transform 1s
-```
+Sponsored by [Evil Martians](http://evilmartians.com/).
 
 ## Features
 
@@ -78,6 +72,12 @@ browsers:
 
 Autoprefixer will process only yours CSS from `app/` and `lib/` dirs.
 
+You can inspect, what properties will be changed by Rake task:
+
+```sh
+rake autoprefixer:inspect
+```
+
 ### Sprockets
 
 If you use Sinatra or other non-Rails framework with Sprockets,

data/lib/autoprefixer-rails/version.rb

@@ -1,3 +1,3 @@
 module AutoprefixerRails
-  VERSION = '0.2.20130413'.freeze unless defined? AutoprefixerRails::VERSION
+  VERSION = '0.3.20130423'.freeze unless defined? AutoprefixerRails::VERSION
 end

data/vendor/autoprefixer.js

@@ -775,6 +775,8 @@ function debug(name) {
   if (!debug.enabled(name)) return function(){};
 
   return function(fmt){
+    fmt = coerce(fmt);
+
     var curr = new Date;
     var ms = curr - (debug[name] || curr);
     debug[name] = curr;
@@ -877,6 +879,15 @@ debug.enabled = function(name) {
   return false;
 };
 
+/**
+ * Coerce `val`.
+ */
+
+function coerce(val) {
+  if (val instanceof Error) return val.stack || val.message;
+  return val;
+}
+
 // persist
 
 if (window.localStorage) debug.enable(localStorage.debug);
@@ -2505,13 +2516,17 @@ module.exports = {
 };
 
 });
-require.register("autoprefixer/data/props.js", function(exports, require, module){
+require.register("autoprefixer/data/values.js", function(exports, require, module){
 // Don't edit this files, because it's autogenerated.
 // See updaters/ dir for generator. Run bin/update to update.
 
 module.exports = {
-    "@keyframes": {
+    calc: {
+        props: [
+            "*"
+        ],
         browsers: [
+            "ff 4",
             "ff 5",
             "ff 6",
             "ff 7",
@@ -2523,21 +2538,6 @@ module.exports = {
             "ff 13",
             "ff 14",
             "ff 15",
-            "chrome 4",
-            "chrome 5",
-            "chrome 6",
-            "chrome 7",
-            "chrome 8",
-            "chrome 9",
-            "chrome 10",
-            "chrome 11",
-            "chrome 12",
-            "chrome 13",
-            "chrome 14",
-            "chrome 15",
-            "chrome 16",
-            "chrome 17",
-            "chrome 18",
             "chrome 19",
             "chrome 20",
             "chrome 21",
@@ -2545,25 +2545,14 @@ module.exports = {
             "chrome 23",
             "chrome 24",
             "chrome 25",
-            "chrome 26",
-            "chrome 27",
-            "chrome 28",
-            "safari 4",
-            "safari 5",
             "safari 6",
-            "safari 5.1",
-            "opera 12",
-            "ios 6",
-            "ios 3.2",
-            "ios 4.0",
-            "ios 4.1",
-            "ios 4.2",
-            "ios 4.3",
-            "ios 5.0",
-            "ios 5.1"
+            "ios 6"
         ]
     },
-    "align-content": {
+    flex: {
+        props: [
+            "display"
+        ],
         browsers: [
             "ie 10",
             "ff 2",
@@ -2627,10 +2616,12 @@ module.exports = {
             "ios 4.3",
             "ios 5.0",
             "ios 5.1"
-        ],
-        transition: true
+        ]
     },
-    "align-items": {
+    "inline-flex": {
+        props: [
+            "display"
+        ],
         browsers: [
             "ie 10",
             "ff 2",
@@ -2694,14 +2685,14 @@ module.exports = {
             "ios 4.3",
             "ios 5.0",
             "ios 5.1"
-        ],
-        transition: true
+        ]
     },
-    "align-self": {
+    "linear-gradient": {
+        props: [
+            "background",
+            "background-image"
+        ],
         browsers: [
-            "ie 10",
-            "ff 2",
-            "ff 3",
             "ff 4",
             "ff 5",
             "ff 6",
@@ -2714,13 +2705,6 @@ module.exports = {
             "ff 13",
             "ff 14",
             "ff 15",
-            "ff 16",
-            "ff 17",
-            "ff 18",
-            "ff 19",
-            "ff 20",
-            "ff 21",
-            "ff 3.5",
             "ff 3.6",
             "chrome 4",
             "chrome 5",
@@ -2744,15 +2728,14 @@ module.exports = {
             "chrome 23",
             "chrome 24",
             "chrome 25",
-            "chrome 26",
-            "chrome 27",
-            "chrome 28",
             "safari 4",
             "safari 5",
             "safari 6",
-            "safari 3.1",
-            "safari 3.2",
             "safari 5.1",
+            "opera 12",
+            "opera 11.1",
+            "opera 11.5",
+            "opera 11.6",
             "ios 6",
             "ios 3.2",
             "ios 4.0",
@@ -2761,11 +2744,15 @@ module.exports = {
             "ios 4.3",
             "ios 5.0",
             "ios 5.1"
-        ],
-        transition: true
+        ]
     },
-    animation: {
+    "radial-gradient": {
+        props: [
+            "background",
+            "background-image"
+        ],
         browsers: [
+            "ff 4",
             "ff 5",
             "ff 6",
             "ff 7",
@@ -2777,6 +2764,7 @@ module.exports = {
             "ff 13",
             "ff 14",
             "ff 15",
+            "ff 3.6",
             "chrome 4",
             "chrome 5",
             "chrome 6",
@@ -2799,14 +2787,14 @@ module.exports = {
             "chrome 23",
             "chrome 24",
             "chrome 25",
-            "chrome 26",
-            "chrome 27",
-            "chrome 28",
             "safari 4",
             "safari 5",
             "safari 6",
             "safari 5.1",
             "opera 12",
+            "opera 11.1",
+            "opera 11.5",
+            "opera 11.6",
             "ios 6",
             "ios 3.2",
             "ios 4.0",
@@ -2817,8 +2805,13 @@ module.exports = {
             "ios 5.1"
         ]
     },
-    "animation-delay": {
+    "repeating-linear-gradient": {
+        props: [
+            "background",
+            "background-image"
+        ],
         browsers: [
+            "ff 4",
             "ff 5",
             "ff 6",
             "ff 7",
@@ -2830,6 +2823,7 @@ module.exports = {
             "ff 13",
             "ff 14",
             "ff 15",
+            "ff 3.6",
             "chrome 4",
             "chrome 5",
             "chrome 6",
@@ -2852,14 +2846,14 @@ module.exports = {
             "chrome 23",
             "chrome 24",
             "chrome 25",
-            "chrome 26",
-            "chrome 27",
-            "chrome 28",
             "safari 4",
             "safari 5",
             "safari 6",
             "safari 5.1",
             "opera 12",
+            "opera 11.1",
+            "opera 11.5",
+            "opera 11.6",
             "ios 6",
             "ios 3.2",
             "ios 4.0",
@@ -2870,8 +2864,13 @@ module.exports = {
             "ios 5.1"
         ]
     },
-    "animation-direction": {
+    "repeating-radial-gradient": {
+        props: [
+            "background",
+            "background-image"
+        ],
         browsers: [
+            "ff 4",
             "ff 5",
             "ff 6",
             "ff 7",
@@ -2883,6 +2882,7 @@ module.exports = {
             "ff 13",
             "ff 14",
             "ff 15",
+            "ff 3.6",
             "chrome 4",
             "chrome 5",
             "chrome 6",
@@ -2905,14 +2905,14 @@ module.exports = {
             "chrome 23",
             "chrome 24",
             "chrome 25",
-            "chrome 26",
-            "chrome 27",
-            "chrome 28",
             "safari 4",
             "safari 5",
             "safari 6",
             "safari 5.1",
             "opera 12",
+            "opera 11.1",
+            "opera 11.5",
+            "opera 11.6",
             "ios 6",
             "ios 3.2",
             "ios 4.0",
@@ -2922,8 +2922,16 @@ module.exports = {
             "ios 5.0",
             "ios 5.1"
         ]
-    },
-    "animation-duration": {
+    }
+};
+
+});
+require.register("autoprefixer/data/props.js", function(exports, require, module){
+// Don't edit this files, because it's autogenerated.
+// See updaters/ dir for generator. Run bin/update to update.
+
+module.exports = {
+    "@keyframes": {
         browsers: [
             "ff 5",
             "ff 6",
@@ -2976,8 +2984,12 @@ module.exports = {
             "ios 5.1"
         ]
     },
-    "animation-fill-mode": {
+    "align-content": {
         browsers: [
+            "ie 10",
+            "ff 2",
+            "ff 3",
+            "ff 4",
             "ff 5",
             "ff 6",
             "ff 7",
@@ -2989,6 +3001,14 @@ module.exports = {
             "ff 13",
             "ff 14",
             "ff 15",
+            "ff 16",
+            "ff 17",
+            "ff 18",
+            "ff 19",
+            "ff 20",
+            "ff 21",
+            "ff 3.5",
+            "ff 3.6",
             "chrome 4",
             "chrome 5",
             "chrome 6",
@@ -3017,8 +3037,9 @@ module.exports = {
             "safari 4",
             "safari 5",
             "safari 6",
+            "safari 3.1",
+            "safari 3.2",
             "safari 5.1",
-            "opera 12",
             "ios 6",
             "ios 3.2",
             "ios 4.0",
@@ -3027,10 +3048,15 @@ module.exports = {
             "ios 4.3",
             "ios 5.0",
             "ios 5.1"
-        ]
+        ],
+        transition: true
     },
-    "animation-iteration-count": {
+    "align-items": {
         browsers: [
+            "ie 10",
+            "ff 2",
+            "ff 3",
+            "ff 4",
             "ff 5",
             "ff 6",
             "ff 7",
@@ -3042,6 +3068,14 @@ module.exports = {
             "ff 13",
             "ff 14",
             "ff 15",
+            "ff 16",
+            "ff 17",
+            "ff 18",
+            "ff 19",
+            "ff 20",
+            "ff 21",
+            "ff 3.5",
+            "ff 3.6",
             "chrome 4",
             "chrome 5",
             "chrome 6",
@@ -3070,8 +3104,9 @@ module.exports = {
             "safari 4",
             "safari 5",
             "safari 6",
+            "safari 3.1",
+            "safari 3.2",
             "safari 5.1",
-            "opera 12",
             "ios 6",
             "ios 3.2",
             "ios 4.0",
@@ -3080,10 +3115,15 @@ module.exports = {
             "ios 4.3",
             "ios 5.0",
             "ios 5.1"
-        ]
+        ],
+        transition: true
     },
-    "animation-name": {
+    "align-self": {
         browsers: [
+            "ie 10",
+            "ff 2",
+            "ff 3",
+            "ff 4",
             "ff 5",
             "ff 6",
             "ff 7",
@@ -3095,6 +3135,14 @@ module.exports = {
             "ff 13",
             "ff 14",
             "ff 15",
+            "ff 16",
+            "ff 17",
+            "ff 18",
+            "ff 19",
+            "ff 20",
+            "ff 21",
+            "ff 3.5",
+            "ff 3.6",
             "chrome 4",
             "chrome 5",
             "chrome 6",
@@ -3123,8 +3171,9 @@ module.exports = {
             "safari 4",
             "safari 5",
             "safari 6",
+            "safari 3.1",
+            "safari 3.2",
             "safari 5.1",
-            "opera 12",
             "ios 6",
             "ios 3.2",
             "ios 4.0",
@@ -3133,9 +3182,10 @@ module.exports = {
             "ios 4.3",
             "ios 5.0",
             "ios 5.1"
-        ]
+        ],
+        transition: true
     },
-    "animation-play-state": {
+    animation: {
         browsers: [
             "ff 5",
             "ff 6",
@@ -3188,7 +3238,7 @@ module.exports = {
             "ios 5.1"
         ]
     },
-    "animation-timing-function": {
+    "animation-delay": {
         browsers: [
             "ff 5",
             "ff 6",
@@ -3241,10 +3291,8 @@ module.exports = {
             "ios 5.1"
         ]
     },
-    "backface-visibility": {
+    "animation-direction": {
         browsers: [
-            "ie 9",
-            "ff 4",
             "ff 5",
             "ff 6",
             "ff 7",
@@ -3256,8 +3304,6 @@ module.exports = {
             "ff 13",
             "ff 14",
             "ff 15",
-            "ff 3.5",
-            "ff 3.6",
             "chrome 4",
             "chrome 5",
             "chrome 6",
@@ -3286,16 +3332,8 @@ module.exports = {
             "safari 4",
             "safari 5",
             "safari 6",
-            "safari 3.1",
-            "safari 3.2",
             "safari 5.1",
-            "opera 11",
             "opera 12",
-            "opera 10.5",
-            "opera 10.6",
-            "opera 11.1",
-            "opera 11.5",
-            "opera 11.6",
             "ios 6",
             "ios 3.2",
             "ios 4.0",
@@ -3304,14 +3342,10 @@ module.exports = {
             "ios 4.3",
             "ios 5.0",
             "ios 5.1"
-        ],
-        transition: true
+        ]
     },
-    "box-sizing": {
+    "animation-duration": {
         browsers: [
-            "ff 2",
-            "ff 3",
-            "ff 4",
             "ff 5",
             "ff 6",
             "ff 7",
@@ -3323,37 +3357,48 @@ module.exports = {
             "ff 13",
             "ff 14",
             "ff 15",
-            "ff 16",
-            "ff 17",
-            "ff 18",
-            "ff 19",
-            "ff 20",
-            "ff 21",
-            "ff 22",
-            "ff 3.5",
-            "ff 3.6",
             "chrome 4",
             "chrome 5",
             "chrome 6",
             "chrome 7",
             "chrome 8",
             "chrome 9",
+            "chrome 10",
+            "chrome 11",
+            "chrome 12",
+            "chrome 13",
+            "chrome 14",
+            "chrome 15",
+            "chrome 16",
+            "chrome 17",
+            "chrome 18",
+            "chrome 19",
+            "chrome 20",
+            "chrome 21",
+            "chrome 22",
+            "chrome 23",
+            "chrome 24",
+            "chrome 25",
+            "chrome 26",
+            "chrome 27",
+            "chrome 28",
             "safari 4",
             "safari 5",
-            "safari 3.1",
-            "safari 3.2",
+            "safari 6",
+            "safari 5.1",
+            "opera 12",
+            "ios 6",
             "ios 3.2",
             "ios 4.0",
             "ios 4.1",
             "ios 4.2",
-            "ios 4.3"
+            "ios 4.3",
+            "ios 5.0",
+            "ios 5.1"
         ]
     },
-    "break-after": {
+    "animation-fill-mode": {
         browsers: [
-            "ff 2",
-            "ff 3",
-            "ff 4",
             "ff 5",
             "ff 6",
             "ff 7",
@@ -3365,15 +3410,6 @@ module.exports = {
             "ff 13",
             "ff 14",
             "ff 15",
-            "ff 16",
-            "ff 17",
-            "ff 18",
-            "ff 19",
-            "ff 20",
-            "ff 21",
-            "ff 22",
-            "ff 3.5",
-            "ff 3.6",
             "chrome 4",
             "chrome 5",
             "chrome 6",
@@ -3402,9 +3438,8 @@ module.exports = {
             "safari 4",
             "safari 5",
             "safari 6",
-            "safari 3.1",
-            "safari 3.2",
             "safari 5.1",
+            "opera 12",
             "ios 6",
             "ios 3.2",
             "ios 4.0",
@@ -3413,14 +3448,10 @@ module.exports = {
             "ios 4.3",
             "ios 5.0",
             "ios 5.1"
-        ],
-        transition: true
+        ]
     },
-    "break-before": {
+    "animation-iteration-count": {
         browsers: [
-            "ff 2",
-            "ff 3",
-            "ff 4",
             "ff 5",
             "ff 6",
             "ff 7",
@@ -3432,15 +3463,6 @@ module.exports = {
             "ff 13",
             "ff 14",
             "ff 15",
-            "ff 16",
-            "ff 17",
-            "ff 18",
-            "ff 19",
-            "ff 20",
-            "ff 21",
-            "ff 22",
-            "ff 3.5",
-            "ff 3.6",
             "chrome 4",
             "chrome 5",
             "chrome 6",
@@ -3469,9 +3491,8 @@ module.exports = {
             "safari 4",
             "safari 5",
             "safari 6",
-            "safari 3.1",
-            "safari 3.2",
             "safari 5.1",
+            "opera 12",
             "ios 6",
             "ios 3.2",
             "ios 4.0",
@@ -3480,14 +3501,10 @@ module.exports = {
             "ios 4.3",
             "ios 5.0",
             "ios 5.1"
-        ],
-        transition: true
+        ]
     },
-    "break-inside": {
+    "animation-name": {
         browsers: [
-            "ff 2",
-            "ff 3",
-            "ff 4",
             "ff 5",
             "ff 6",
             "ff 7",
@@ -3499,15 +3516,6 @@ module.exports = {
             "ff 13",
             "ff 14",
             "ff 15",
-            "ff 16",
-            "ff 17",
-            "ff 18",
-            "ff 19",
-            "ff 20",
-            "ff 21",
-            "ff 22",
-            "ff 3.5",
-            "ff 3.6",
             "chrome 4",
             "chrome 5",
             "chrome 6",
@@ -3536,9 +3544,8 @@ module.exports = {
             "safari 4",
             "safari 5",
             "safari 6",
-            "safari 3.1",
-            "safari 3.2",
             "safari 5.1",
+            "opera 12",
             "ios 6",
             "ios 3.2",
             "ios 4.0",
@@ -3547,12 +3554,10 @@ module.exports = {
             "ios 4.3",
             "ios 5.0",
             "ios 5.1"
-        ],
-        transition: true
+        ]
     },
-    calc: {
+    "animation-play-state": {
         browsers: [
-            "ff 4",
             "ff 5",
             "ff 6",
             "ff 7",
@@ -3564,6 +3569,21 @@ module.exports = {
             "ff 13",
             "ff 14",
             "ff 15",
+            "chrome 4",
+            "chrome 5",
+            "chrome 6",
+            "chrome 7",
+            "chrome 8",
+            "chrome 9",
+            "chrome 10",
+            "chrome 11",
+            "chrome 12",
+            "chrome 13",
+            "chrome 14",
+            "chrome 15",
+            "chrome 16",
+            "chrome 17",
+            "chrome 18",
             "chrome 19",
             "chrome 20",
             "chrome 21",
@@ -3571,16 +3591,26 @@ module.exports = {
             "chrome 23",
             "chrome 24",
             "chrome 25",
+            "chrome 26",
+            "chrome 27",
+            "chrome 28",
+            "safari 4",
+            "safari 5",
             "safari 6",
-            "ios 6"
-        ],
-        onlyValue: true
+            "safari 5.1",
+            "opera 12",
+            "ios 6",
+            "ios 3.2",
+            "ios 4.0",
+            "ios 4.1",
+            "ios 4.2",
+            "ios 4.3",
+            "ios 5.0",
+            "ios 5.1"
+        ]
     },
-    "column-count": {
+    "animation-timing-function": {
         browsers: [
-            "ff 2",
-            "ff 3",
-            "ff 4",
             "ff 5",
             "ff 6",
             "ff 7",
@@ -3592,15 +3622,6 @@ module.exports = {
             "ff 13",
             "ff 14",
             "ff 15",
-            "ff 16",
-            "ff 17",
-            "ff 18",
-            "ff 19",
-            "ff 20",
-            "ff 21",
-            "ff 22",
-            "ff 3.5",
-            "ff 3.6",
             "chrome 4",
             "chrome 5",
             "chrome 6",
@@ -3629,9 +3650,8 @@ module.exports = {
             "safari 4",
             "safari 5",
             "safari 6",
-            "safari 3.1",
-            "safari 3.2",
             "safari 5.1",
+            "opera 12",
             "ios 6",
             "ios 3.2",
             "ios 4.0",
@@ -3640,13 +3660,11 @@ module.exports = {
             "ios 4.3",
             "ios 5.0",
             "ios 5.1"
-        ],
-        transition: true
+        ]
     },
-    "column-fill": {
+    "backface-visibility": {
         browsers: [
-            "ff 2",
-            "ff 3",
+            "ie 9",
             "ff 4",
             "ff 5",
             "ff 6",
@@ -3659,13 +3677,6 @@ module.exports = {
             "ff 13",
             "ff 14",
             "ff 15",
-            "ff 16",
-            "ff 17",
-            "ff 18",
-            "ff 19",
-            "ff 20",
-            "ff 21",
-            "ff 22",
             "ff 3.5",
             "ff 3.6",
             "chrome 4",
@@ -3699,6 +3710,13 @@ module.exports = {
             "safari 3.1",
             "safari 3.2",
             "safari 5.1",
+            "opera 11",
+            "opera 12",
+            "opera 10.5",
+            "opera 10.6",
+            "opera 11.1",
+            "opera 11.5",
+            "opera 11.6",
             "ios 6",
             "ios 3.2",
             "ios 4.0",
@@ -3710,7 +3728,49 @@ module.exports = {
         ],
         transition: true
     },
-    "column-gap": {
+    "box-sizing": {
+        browsers: [
+            "ff 2",
+            "ff 3",
+            "ff 4",
+            "ff 5",
+            "ff 6",
+            "ff 7",
+            "ff 8",
+            "ff 9",
+            "ff 10",
+            "ff 11",
+            "ff 12",
+            "ff 13",
+            "ff 14",
+            "ff 15",
+            "ff 16",
+            "ff 17",
+            "ff 18",
+            "ff 19",
+            "ff 20",
+            "ff 21",
+            "ff 22",
+            "ff 3.5",
+            "ff 3.6",
+            "chrome 4",
+            "chrome 5",
+            "chrome 6",
+            "chrome 7",
+            "chrome 8",
+            "chrome 9",
+            "safari 4",
+            "safari 5",
+            "safari 3.1",
+            "safari 3.2",
+            "ios 3.2",
+            "ios 4.0",
+            "ios 4.1",
+            "ios 4.2",
+            "ios 4.3"
+        ]
+    },
+    "break-after": {
         browsers: [
             "ff 2",
             "ff 3",
@@ -3777,7 +3837,7 @@ module.exports = {
         ],
         transition: true
     },
-    "column-rule": {
+    "break-before": {
         browsers: [
             "ff 2",
             "ff 3",
@@ -3844,7 +3904,7 @@ module.exports = {
         ],
         transition: true
     },
-    "column-rule-color": {
+    "break-inside": {
         browsers: [
             "ff 2",
             "ff 3",
@@ -3911,7 +3971,7 @@ module.exports = {
         ],
         transition: true
     },
-    "column-rule-style": {
+    "column-count": {
         browsers: [
             "ff 2",
             "ff 3",
@@ -3978,7 +4038,7 @@ module.exports = {
         ],
         transition: true
     },
-    "column-rule-width": {
+    "column-fill": {
         browsers: [
             "ff 2",
             "ff 3",
@@ -4045,7 +4105,7 @@ module.exports = {
         ],
         transition: true
     },
-    "column-span": {
+    "column-gap": {
         browsers: [
             "ff 2",
             "ff 3",
@@ -4112,7 +4172,7 @@ module.exports = {
         ],
         transition: true
     },
-    "column-width": {
+    "column-rule": {
         browsers: [
             "ff 2",
             "ff 3",
@@ -4179,7 +4239,7 @@ module.exports = {
         ],
         transition: true
     },
-    columns: {
+    "column-rule-color": {
         browsers: [
             "ff 2",
             "ff 3",
@@ -4246,8 +4306,45 @@ module.exports = {
         ],
         transition: true
     },
-    filter: {
+    "column-rule-style": {
         browsers: [
+            "ff 2",
+            "ff 3",
+            "ff 4",
+            "ff 5",
+            "ff 6",
+            "ff 7",
+            "ff 8",
+            "ff 9",
+            "ff 10",
+            "ff 11",
+            "ff 12",
+            "ff 13",
+            "ff 14",
+            "ff 15",
+            "ff 16",
+            "ff 17",
+            "ff 18",
+            "ff 19",
+            "ff 20",
+            "ff 21",
+            "ff 22",
+            "ff 3.5",
+            "ff 3.6",
+            "chrome 4",
+            "chrome 5",
+            "chrome 6",
+            "chrome 7",
+            "chrome 8",
+            "chrome 9",
+            "chrome 10",
+            "chrome 11",
+            "chrome 12",
+            "chrome 13",
+            "chrome 14",
+            "chrome 15",
+            "chrome 16",
+            "chrome 17",
             "chrome 18",
             "chrome 19",
             "chrome 20",
@@ -4259,14 +4356,25 @@ module.exports = {
             "chrome 26",
             "chrome 27",
             "chrome 28",
+            "safari 4",
+            "safari 5",
             "safari 6",
-            "ios 6"
+            "safari 3.1",
+            "safari 3.2",
+            "safari 5.1",
+            "ios 6",
+            "ios 3.2",
+            "ios 4.0",
+            "ios 4.1",
+            "ios 4.2",
+            "ios 4.3",
+            "ios 5.0",
+            "ios 5.1"
         ],
         transition: true
     },
-    flex: {
+    "column-rule-width": {
         browsers: [
-            "ie 10",
             "ff 2",
             "ff 3",
             "ff 4",
@@ -4287,6 +4395,7 @@ module.exports = {
             "ff 19",
             "ff 20",
             "ff 21",
+            "ff 22",
             "ff 3.5",
             "ff 3.6",
             "chrome 4",
@@ -4331,9 +4440,8 @@ module.exports = {
         ],
         transition: true
     },
-    "flex-basis": {
+    "column-span": {
         browsers: [
-            "ie 10",
             "ff 2",
             "ff 3",
             "ff 4",
@@ -4354,6 +4462,7 @@ module.exports = {
             "ff 19",
             "ff 20",
             "ff 21",
+            "ff 22",
             "ff 3.5",
             "ff 3.6",
             "chrome 4",
@@ -4398,9 +4507,8 @@ module.exports = {
         ],
         transition: true
     },
-    "flex-direction": {
+    "column-width": {
         browsers: [
-            "ie 10",
             "ff 2",
             "ff 3",
             "ff 4",
@@ -4421,6 +4529,7 @@ module.exports = {
             "ff 19",
             "ff 20",
             "ff 21",
+            "ff 22",
             "ff 3.5",
             "ff 3.6",
             "chrome 4",
@@ -4465,9 +4574,8 @@ module.exports = {
         ],
         transition: true
     },
-    "flex-flow": {
+    columns: {
         browsers: [
-            "ie 10",
             "ff 2",
             "ff 3",
             "ff 4",
@@ -4488,6 +4596,7 @@ module.exports = {
             "ff 19",
             "ff 20",
             "ff 21",
+            "ff 22",
             "ff 3.5",
             "ff 3.6",
             "chrome 4",
@@ -4532,7 +4641,25 @@ module.exports = {
         ],
         transition: true
     },
-    "flex-grow": {
+    filter: {
+        browsers: [
+            "chrome 18",
+            "chrome 19",
+            "chrome 20",
+            "chrome 21",
+            "chrome 22",
+            "chrome 23",
+            "chrome 24",
+            "chrome 25",
+            "chrome 26",
+            "chrome 27",
+            "chrome 28",
+            "safari 6",
+            "ios 6"
+        ],
+        transition: true
+    },
+    flex: {
         browsers: [
             "ie 10",
             "ff 2",
@@ -4599,7 +4726,7 @@ module.exports = {
         ],
         transition: true
     },
-    "flex-shrink": {
+    "flex-basis": {
         browsers: [
             "ie 10",
             "ff 2",
@@ -4666,7 +4793,7 @@ module.exports = {
         ],
         transition: true
     },
-    "flex-wrap": {
+    "flex-direction": {
         browsers: [
             "ie 10",
             "ff 2",
@@ -4733,7 +4860,7 @@ module.exports = {
         ],
         transition: true
     },
-    "justify-content": {
+    "flex-flow": {
         browsers: [
             "ie 10",
             "ff 2",
@@ -4800,8 +4927,11 @@ module.exports = {
         ],
         transition: true
     },
-    "linear-gradient": {
+    "flex-grow": {
         browsers: [
+            "ie 10",
+            "ff 2",
+            "ff 3",
             "ff 4",
             "ff 5",
             "ff 6",
@@ -4814,6 +4944,13 @@ module.exports = {
             "ff 13",
             "ff 14",
             "ff 15",
+            "ff 16",
+            "ff 17",
+            "ff 18",
+            "ff 19",
+            "ff 20",
+            "ff 21",
+            "ff 3.5",
             "ff 3.6",
             "chrome 4",
             "chrome 5",
@@ -4837,14 +4974,15 @@ module.exports = {
             "chrome 23",
             "chrome 24",
             "chrome 25",
+            "chrome 26",
+            "chrome 27",
+            "chrome 28",
             "safari 4",
             "safari 5",
             "safari 6",
+            "safari 3.1",
+            "safari 3.2",
             "safari 5.1",
-            "opera 12",
-            "opera 11.1",
-            "opera 11.5",
-            "opera 11.6",
             "ios 6",
             "ios 3.2",
             "ios 4.0",
@@ -4854,9 +4992,9 @@ module.exports = {
             "ios 5.0",
             "ios 5.1"
         ],
-        onlyValue: true
+        transition: true
     },
-    order: {
+    "flex-shrink": {
         browsers: [
             "ie 10",
             "ff 2",
@@ -4923,9 +5061,11 @@ module.exports = {
         ],
         transition: true
     },
-    perspective: {
+    "flex-wrap": {
         browsers: [
-            "ie 9",
+            "ie 10",
+            "ff 2",
+            "ff 3",
             "ff 4",
             "ff 5",
             "ff 6",
@@ -4938,6 +5078,12 @@ module.exports = {
             "ff 13",
             "ff 14",
             "ff 15",
+            "ff 16",
+            "ff 17",
+            "ff 18",
+            "ff 19",
+            "ff 20",
+            "ff 21",
             "ff 3.5",
             "ff 3.6",
             "chrome 4",
@@ -4971,13 +5117,6 @@ module.exports = {
             "safari 3.1",
             "safari 3.2",
             "safari 5.1",
-            "opera 11",
-            "opera 12",
-            "opera 10.5",
-            "opera 10.6",
-            "opera 11.1",
-            "opera 11.5",
-            "opera 11.6",
             "ios 6",
             "ios 3.2",
             "ios 4.0",
@@ -4989,9 +5128,11 @@ module.exports = {
         ],
         transition: true
     },
-    "perspective-origin": {
+    "justify-content": {
         browsers: [
-            "ie 9",
+            "ie 10",
+            "ff 2",
+            "ff 3",
             "ff 4",
             "ff 5",
             "ff 6",
@@ -5004,6 +5145,12 @@ module.exports = {
             "ff 13",
             "ff 14",
             "ff 15",
+            "ff 16",
+            "ff 17",
+            "ff 18",
+            "ff 19",
+            "ff 20",
+            "ff 21",
             "ff 3.5",
             "ff 3.6",
             "chrome 4",
@@ -5037,13 +5184,6 @@ module.exports = {
             "safari 3.1",
             "safari 3.2",
             "safari 5.1",
-            "opera 11",
-            "opera 12",
-            "opera 10.5",
-            "opera 10.6",
-            "opera 11.1",
-            "opera 11.5",
-            "opera 11.6",
             "ios 6",
             "ios 3.2",
             "ios 4.0",
@@ -5055,8 +5195,11 @@ module.exports = {
         ],
         transition: true
     },
-    "radial-gradient": {
+    order: {
         browsers: [
+            "ie 10",
+            "ff 2",
+            "ff 3",
             "ff 4",
             "ff 5",
             "ff 6",
@@ -5069,6 +5212,13 @@ module.exports = {
             "ff 13",
             "ff 14",
             "ff 15",
+            "ff 16",
+            "ff 17",
+            "ff 18",
+            "ff 19",
+            "ff 20",
+            "ff 21",
+            "ff 3.5",
             "ff 3.6",
             "chrome 4",
             "chrome 5",
@@ -5092,14 +5242,15 @@ module.exports = {
             "chrome 23",
             "chrome 24",
             "chrome 25",
+            "chrome 26",
+            "chrome 27",
+            "chrome 28",
             "safari 4",
             "safari 5",
             "safari 6",
+            "safari 3.1",
+            "safari 3.2",
             "safari 5.1",
-            "opera 12",
-            "opera 11.1",
-            "opera 11.5",
-            "opera 11.6",
             "ios 6",
             "ios 3.2",
             "ios 4.0",
@@ -5109,10 +5260,11 @@ module.exports = {
             "ios 5.0",
             "ios 5.1"
         ],
-        onlyValue: true
+        transition: true
     },
-    "repeating-linear-gradient": {
+    perspective: {
         browsers: [
+            "ie 9",
             "ff 4",
             "ff 5",
             "ff 6",
@@ -5125,6 +5277,7 @@ module.exports = {
             "ff 13",
             "ff 14",
             "ff 15",
+            "ff 3.5",
             "ff 3.6",
             "chrome 4",
             "chrome 5",
@@ -5148,11 +5301,19 @@ module.exports = {
             "chrome 23",
             "chrome 24",
             "chrome 25",
+            "chrome 26",
+            "chrome 27",
+            "chrome 28",
             "safari 4",
             "safari 5",
             "safari 6",
+            "safari 3.1",
+            "safari 3.2",
             "safari 5.1",
+            "opera 11",
             "opera 12",
+            "opera 10.5",
+            "opera 10.6",
             "opera 11.1",
             "opera 11.5",
             "opera 11.6",
@@ -5165,10 +5326,11 @@ module.exports = {
             "ios 5.0",
             "ios 5.1"
         ],
-        onlyValue: true
+        transition: true
     },
-    "repeating-radial-gradient": {
+    "perspective-origin": {
         browsers: [
+            "ie 9",
             "ff 4",
             "ff 5",
             "ff 6",
@@ -5181,6 +5343,7 @@ module.exports = {
             "ff 13",
             "ff 14",
             "ff 15",
+            "ff 3.5",
             "ff 3.6",
             "chrome 4",
             "chrome 5",
@@ -5204,11 +5367,19 @@ module.exports = {
             "chrome 23",
             "chrome 24",
             "chrome 25",
+            "chrome 26",
+            "chrome 27",
+            "chrome 28",
             "safari 4",
             "safari 5",
             "safari 6",
+            "safari 3.1",
+            "safari 3.2",
             "safari 5.1",
+            "opera 11",
             "opera 12",
+            "opera 10.5",
+            "opera 10.6",
             "opera 11.1",
             "opera 11.5",
             "opera 11.6",
@@ -5221,7 +5392,7 @@ module.exports = {
             "ios 5.0",
             "ios 5.1"
         ],
-        onlyValue: true
+        transition: true
     },
     transform: {
         browsers: [
@@ -5807,10 +5978,10 @@ require.register("autoprefixer/lib/autoprefixer/inspect.js", function(exports, r
 var autoprefixer = require('../autoprefixer.js');
 
 var transition;
-var format = function (props) {
+var format = function (data) {
     transition = false;
-    return props.map(function (prop) {
-        var name = prop.name;
+    return Object.keys(data).sort().map(function (name) {
+        var prop = data[name];
         if (prop.transition) {
             name += '*';
             transition = true;
@@ -5825,7 +5996,8 @@ var format = function (props) {
 // with this `req`.
 var inspect = function (reqs) {
     var browsers = autoprefixer.parse(reqs || []);
-    var props    = autoprefixer.props(browsers);
+    var values   = autoprefixer.filter(autoprefixer.data.values, browsers);
+    var props    = autoprefixer.filter(autoprefixer.data.props,  browsers);
 
     var name, version, last, selected = [];
     for (var i = 0; i < browsers.length; i++) {
@@ -5847,19 +6019,16 @@ var inspect = function (reqs) {
         }
     }
 
-    var properties = props.filter(function (i) { return !i.onlyValue; });
-    var values     = props.filter(function (i) { return  i.onlyValue; });
-
     var out  = "Browsers:\n" +
         selected.map(function (i) { return '  ' + i; }).join("\n") + "\n";
 
-    if ( properties.length > 0 ) {
-        out += "\nProperties:\n" + format(properties) + "\n";
+    if ( Object.keys(props).length > 0 ) {
+        out += "\nProperties:\n" + format(props) + "\n";
         if ( transition ) {
             out += "* - properties, which can be used in transition\n"
         }
     }
-    if ( values.length > 0 ) {
+    if ( Object.keys(values).length > 0 ) {
         out += "\nValues:\n" + format(values) + "\n"
     }
     return out;
@@ -5901,6 +6070,23 @@ var uniq = function (array) {
     return filtered;
 };
 
+// Split prefix and property name.
+var splitPrefix = function (prop) {
+    if ( prop[0] == '-' ) {
+        var sep = prop.indexOf('-', 1) + 1;
+        return { prefix: prop.slice(0, sep), name: prop.slice(sep) };
+    } else {
+        return { prefix: null, name: prop };
+    }
+};
+
+// Generate RegExp to test, does CSS value contain some `word`.
+var containRegexp = function (word) {
+    return new RegExp('(^|\\s|,|\\()' +
+                word.replace(/([.?*+^$[\]\\(){}|-])/g, "\\$1") +
+               '($|\\s|\\()');
+};
+
 // Parse CSS and add prefixed properties and values by Can I Use database
 // for actual browsers.
 //
@@ -5923,24 +6109,25 @@ var uniq = function (array) {
 // you can use it as separated filter:
 //
 //   rework(css).
-//     use(autoprefixer.filter(last 1 version')).
+//     use(autoprefixer.rework(last 1 version')).
 //     toString();
 var autoprefixer = {
     // Load data
     data: {
         browsers: require('../data/browsers'),
+        values:   require('../data/values'),
         props:    require('../data/props')
     },
 
     // Parse `css` by Rework and add prefixed properties for browsers
     // in `requirements`.
     compile: function (css, requirements) {
-        return rework(css).use(autoprefixer.filter(requirements)).toString();
+        return rework(css).use(autoprefixer.rework(requirements)).toString();
     },
 
     // Return Rework filter, which will add necessary prefixes for browsers
     // in `requirements`.
-    filter: function (requirements) {
+    rework: function (requirements) {
         if ( !requirements ) {
             requirements = [];
         } else if ( !Array.isArray(requirements) ) {
@@ -5948,23 +6135,101 @@ var autoprefixer = {
         }
 
         var browsers = this.parse(requirements);
-        var props    = this.props(browsers);
+        var props    = this.prefixes(browsers);
 
-        return function (style, filters) {
-            props.forEach(function (prop) {
-                if ( prop.name == '@keyframes' ) {
-                    filters.use( rework.keyframes(prop.prefixes) );
-                } else {
-                    if ( !prop.onlyValue ) {
-                        filters.use( rework.prefix(prop.name, prop.prefixes) );
+        return function (style, css) {
+            autoprefixer.prefixer(props, style, css);
+        };
+    },
+
+    // Change `style` declarations in parsed `css`, to add prefixes for `props`.
+    prefixer: function (props, style, css) {
+        if ( props['@keyframes'] ) {
+            css.use( rework.keyframes(props['@keyframes'].prefixes) );
+        }
+
+        var all = props['*'];
+        var transitions = { };
+        for ( var i in props ) {
+            if ( props[i].transition && props[i].prefixes ) {
+                transitions[i] = props[i];
+            }
+        }
+        var isTransition = /(-(webkit|moz|ms|o)-)?transition(-property)?/;
+
+        rework.visit.declarations(style, function (rules, node) {
+            var vendor = node.vendor;
+
+            // Properties
+            for ( var num = 0; num < rules.length; num += 1 ) {
+                var rule = rules[num];
+                var prop = props[rule.property];
+
+                if ( !prop || !prop.prefixes ) {
+                    continue;
+                }
+
+                prop.prefixes.forEach(function (prefix) {
+                    if ( vendor && vendor != prefix ) {
+                        return;
+                    }
+
+                    rules.splice(num, 0, {
+                        property: prefix + rule.property,
+                        value:    rule.value
+                    });
+                    num += 1;
+                });
+            };
+
+            // Values
+            for ( var num = 0; num < rules.length; num += 1 ) {
+                var rule = rules[num];
+
+                var split = splitPrefix(rule.property);
+                var prop  = props[split.name];
+                var propVendor = split.prefix || vendor;
+
+                var valuePrefixer = function (values) {
+                    var prefixed = rule.value;
+                    for ( var name in values ) {
+                        var value = values[name];
+                        if ( !value.regexp.test(rule.value) ) {
+                            continue;
+                        }
+
+                        value.prefixes.forEach(function (prefix) {
+                            if ( propVendor && propVendor != prefix ) {
+                                return;
+                            }
+                            prefixed = prefixed.replace(value.regexp,
+                                '$1' + prefix + name + '$2');
+                        });
                     }
-                    if ( prop.onlyValue || prop.transition ) {
-                        filters.use(
-                            rework.prefixValue(prop.name, prop.prefixes));
+                    if ( prefixed != rule.value ) {
+                        if ( propVendor ) {
+                            rule.value = prefixed;
+                        } else {
+                            rules.splice(num, 0, {
+                                property: rule.property,
+                                value:    prefixed
+                            });
+                            num += 1;
+                        }
                     }
                 }
-            });
-        };
+
+                if ( all ) {
+                    valuePrefixer(all.values);
+                }
+                if ( prop ) {
+                    valuePrefixer(prop.values);
+                }
+                if ( rule.property.match(isTransition) ) {
+                    valuePrefixer(transitions);
+                }
+            }
+        });
     },
 
     // Return array of browsers for requirements in free form.
@@ -6002,10 +6267,9 @@ var autoprefixer = {
     // Select browsers by some `criteria`.
     browsers: function (criteria) {
         var selected = [];
-        var versions, browser;
         for ( var name in this.data.browsers ) {
-            browser  = this.data.browsers[name];
-            versions = criteria(browser).map(function (version) {
+            var browser  = this.data.browsers[name];
+            var versions = criteria(browser).map(function (version) {
                 return name + ' ' + version;
             });
             selected = selected.concat(versions);
@@ -6042,35 +6306,60 @@ var autoprefixer = {
         return name + ' ' + version;
     },
 
-    // Return CSS properties, which need prefix for `browsers`.
-    props: function (browsers) {
-        var selected = [];
-        var prefixes;
-        for ( var prop in this.data.props ) {
-            prefixes = this.prefixes(prop, browsers);
+    // Return new `data` only with items, which need prefixes
+    // for selected `browsers`.
+    filter: function (data, browsers) {
+        var selected = { };
+        for ( var name in data ) {
+            var need     = data[name].browsers;
+            var prefixes = browsers.filter(function (browser) {
+                return need.indexOf(browser) != -1;
+            }).map(function (browser) {
+                var key = browser.split(' ')[0];
+                return autoprefixer.data.browsers[key].prefix;
+            }).sort(function (a, b) { return b.length - a.length });
+
             if ( prefixes.length ) {
-                selected.push({
-                    name:       prop,
-                    prefixes:   prefixes,
-                    onlyValue:  this.data.props[prop].onlyValue,
-                    transition: this.data.props[prop].transition
-                });
+                prefixes = uniq(prefixes);
+
+                if ( data[name].props ) {
+                    selected[name] = {
+                        props:      data[name].props,
+                        regexp:     containRegexp(name),
+                        prefixes:   prefixes
+                    };
+                } else if (data[name].transition) {
+                    selected[name] = {
+                        regexp:     containRegexp(name),
+                        prefixes:   prefixes,
+                        transition: true
+                    };
+                } else {
+                    selected[name] = { prefixes: prefixes };
+                }
             }
         }
         return selected;
     },
 
-    // Return `prop` prefixes, which will be need to `browsers`.
-    prefixes: function (prop, browsers) {
-        var need = this.data.props[prop].browsers;
-
-        var prefixes = browsers.filter(function (browser) {
-            return need.indexOf(browser) != -1;
-        }).map(function (browser) {
-            var name = browser.split(' ')[0];
-            return autoprefixer.data.browsers[name].prefix;
-        })
-        return uniq(prefixes);
+    // Return properties, which them prefixed values inside.
+    prefixes: function (browsers) {
+        var values = this.filter(this.data.values, browsers);
+        var props  = this.filter(this.data.props,  browsers);
+
+        for ( var name in values ) {
+            values[name].props.forEach(function (prop) {
+                if ( !props[prop] ) {
+                    props[prop] = { values: { } };
+                } else if ( !props[prop].values ) {
+                    props[prop].values = { };
+                }
+
+                props[prop].values[name] = values[name];
+            });
+        }
+
+        return props;
     }
 };
 
@@ -6110,6 +6399,8 @@ require.alias("component-color-parser/colors.js", "visionmedia-rework/deps/color
 
 require.alias("component-path/index.js", "visionmedia-rework/deps/path/index.js");
 
+require.alias("autoprefixer/lib/autoprefixer.js", "autoprefixer/index.js");
+
 require.register('visionmedia-rework/lib/plugins/inline.js', function(_, _, module){
 module.exports = function () {};
 });