Changed: upgrade to postcss v4.x

Also, this revert fix for #58, which was stupid.
Close #55

Author: MoOx

package.json

@@ -27,34 +27,34 @@
     "index.js"
   ],
   "dependencies": {
-    "autoprefixer-core": "^4.0.0",
+    "autoprefixer-core": "^5.0.0",
     "colors": "^1.0.2",
     "commander": "^2.3.0",
-    "csswring": "^2.0.0",
+    "csswring": "^3.0.0",
     "exit": "^0.1.2",
     "node-watch": "^0.3.4",
-    "object-assign": "^1.0.0",
-    "pleeease-filters": "^0.1.4",
-    "postcss": "^3.0.0",
-    "postcss-calc": "^3.0.0",
+    "object-assign": "^2.0.0",
+    "pleeease-filters": "^1.0.0",
+    "postcss": "^4.0.2",
+    "postcss-calc": "^4.0.0",
     "postcss-color-function": "^1.1.0",
-    "postcss-color-gray": "^1.0.0",
+    "postcss-color-gray": "^2.0.0",
     "postcss-color-hex-alpha": "^1.1.0",
     "postcss-color-hwb": "^1.1.0",
     "postcss-color-rebeccapurple": "^1.1.0",
     "postcss-custom-media": "^1.3.0",
-    "postcss-custom-properties": "^2.1.0",
+    "postcss-custom-properties": "^3.0.0",
     "postcss-custom-selectors": "^1.1.0",
     "postcss-font-variant": "^1.0.0",
-    "postcss-import": "^4.0.0",
+    "postcss-import": "^5.0.0",
     "postcss-media-minmax": "^1.1.0",
     "read-file-stdin": "^0.2.0",
     "to-slug-case": "^0.1.2",
     "to-space-case": "^0.1.3",
     "write-file-stdout": "0.0.2"
   },
   "devDependencies": {
-    "browserify": "^6.0.3",
+    "browserify": "^8.1.1",
     "jscs": "^1.6.2",
     "jshint": "^2.5.6",
     "tape": "^3.0.0",

test/cases/color.expected.css

@@ -1,3 +1,4 @@
 body {
+  background: rgb(102, 51, 153) -webkit-linear-gradient(rgba(102, 51, 153, 0.5), rgb(153, 51, 51), rgba(153, 51, 51, 0.55), rgba(153, 221, 153, 0.9));
   background: rgb(102, 51, 153) linear-gradient(rgba(102, 51, 153, 0.5), rgb(153, 51, 51), rgba(153, 51, 51, 0.55), rgba(153, 221, 153, 0.9));
 }

test/cases/example.css

@@ -29,12 +29,9 @@ body {
 /* colors stuff */
 a {
   color: var(--highlightColor);
-  transition: color .1s, transform .2s;
-}
-a:hover {
-  color: gray(255, 50%);
-  transform: rotate(1deg);
+  transition: color 1s; /* autoprefixed ! */
 }
+a:hover { color: gray(255, 50%) }
 a:active { color: rebeccapurple }
 a:visited { color: color(var(--highlightColor) blackness(+20%)) }
 

test/cases/example.expected.css

@@ -27,15 +27,10 @@ h6 { margin-top: 0 }
 /* colors stuff */
 a {
   color: rgb(89, 185, 204);
-  transition: color .1s, -webkit-transform .2s;
-  transition: color .1s, transform .2s;
-}
-a:hover {
-  color: rgba(255, 255, 255, 0.5);
-  -webkit-transform: rotate(1deg);
-      -ms-transform: rotate(1deg);
-          transform: rotate(1deg);
+  -webkit-transition: color 1s;
+          transition: color 1s; /* autoprefixed ! */
 }
+a:hover { color: rgba(255, 255, 255, 0.5) }
 a:active { color: rgb(102, 51, 153) }
 a:visited { color: rgb(89, 142, 153) }
 

test/features/autoprefixer.expected.css

@@ -1,11 +1,19 @@
 * {
-  transition: -webkit-transform 1s;
-  transition: transform 1s;
+  -webkit-transition: -webkit-transform 1s;
+          transition: transform 1s;
 }
 
 @-webkit-keyframes spin {
-  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg) }
-  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
+
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+  }
+
+  100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
 }
 
 @keyframes spin {

test/sourcemap/expected-inline.css

@@ -1,5 +1,5 @@
 @import "imported.css";
 
 body {
-  color: red
+  color: red;
 }