1.7.0

Close #97
Close #154
Close #101

Author: MoOx

package.json

@@ -42,11 +42,11 @@
     "postcss-color-hwb": "^1.1.0",
     "postcss-color-rebeccapurple": "^1.1.0",
     "postcss-color-rgba-fallback": "^1.0.0",
-    "postcss-custom-media": "^1.3.0",
-    "postcss-custom-properties": "^3.0.0",
+    "postcss-custom-media": "^4.0.0",
+    "postcss-custom-properties": "^4.0.0",
     "postcss-custom-selectors": "^2.0.1",
     "postcss-font-variant": "^1.0.0",
-    "postcss-import": "^5.0.0",
+    "postcss-import": "^6.0.0",
     "postcss-log-warnings": "^0.3.1",
     "postcss-media-minmax": "^1.1.0",
     "postcss-messages": "^0.2.2",

src/__tests__/messages/index.js

@@ -11,7 +11,16 @@ const msg = "This is a test message"
 const page = path.join("dist", "__tests__styles.html")
 
 const css = cssnext(
-  "@custom-selector --h h1, h2; @custom-selector --H h3, h4; body{}",
+  `
+@import url(http://)
+:root {
+  --var: test;
+}
+@custom-selector --h h1, h2;
+body {
+  color: var(--test);
+}
+  `,
   {
     plugins: [
       (styles, result) => {

src/index.js

@@ -70,22 +70,24 @@ function cssnext(string, options) {
   if (fs && fs.readFile) {
     // @import
     if (options.import !== false) {
-      postcss.use(require("postcss-import")(
+      const plugin = require("postcss-import")(
         typeof options.import === "object"
           ? {...options.import}
           : undefined
         )
-      )
+      plugin.postcssPlugin = "cssnext"
+      postcss.use(plugin)
     }
 
     // url() adjustements
     if (options.url !== false) {
-      postcss.use(require("postcss-url")(
+      const plugin = require("postcss-url")(
         typeof options.url === "object"
           ? {...options.url}
           : undefined
         )
-      )
+      plugin.postcssPlugin = "cssnext"
+      postcss.use(plugin)
     }
   }
 
@@ -114,12 +116,13 @@ function cssnext(string, options) {
         )
       )
     ) {
-      postcss.use(cssnext.features[key](
+      const plugin = cssnext.features[key](
         typeof features[key] === "object"
           ? {...features[key]}
           : undefined
         )
-      )
+      plugin.postcssPlugin = "cssnext"
+      postcss.use(plugin)
     }
   })