Merge pull request #264 from rafaelrinaldi/fix/pixrem-browsers-list

Added: Pass in `browsers` options to pixrem

Author: MoOx

src/__tests__/option.browsers.js

@@ -40,7 +40,7 @@ tape("cssnext browsers option", function(t) {
   t.end()
 })
 
-tape("cssnext browsers option propagation", function(t) {
+tape("cssnext browsers option propagation to autoprefixer", function(t) {
   const input = "body{transition: 1s}"
   const output = "body{-webkit-transition: 1s;transition: 1s}"
 
@@ -60,3 +60,17 @@ tape("cssnext browsers option propagation", function(t) {
 
   t.end()
 })
+
+tape("cssnext browsers option propagation to pixrem", function(t) {
+  const input = "body{font-size: 1rem}"
+  const output = "body{font-size: 16px;font-size: 1rem}"
+
+  // IE 8 needs rem fallback
+  t.equal(
+    cssnext({ browsers: "ie 8" }).process(input).css,
+    output,
+    "should propagate browsers option to pixrem"
+  )
+
+  t.end()
+})

src/index.js

@@ -14,21 +14,25 @@ const plugin = postcss.plugin("postcss-cssnext", (options) => {
 
   const features = options.features
 
-  // propagate browsers option to autoprefixer
-  if (features.autoprefixer !== false) {
-    features.autoprefixer = {
-      browsers: (
-        features.autoprefixer && features.autoprefixer.browsers
-          ? features.autoprefixer.browsers
-          : options.browsers
-      ),
-      ...(features.autoprefixer || {}),
-    }
+  // propagate browsers option to plugins that supports it
+  "autoprefixer pixrem".split(/\s/).forEach(name => {
+    const feature = features[name]
 
-    // autoprefixer doesn't like an "undefined" value. Related to coffee ?
-    if (features.autoprefixer.browsers === undefined) {
-      delete features.autoprefixer.browsers
+    if (feature !== false) {
+      features[name] = {
+        browsers: (
+          feature && feature.browsers
+            ? feature.browsers
+            : options.browsers
+        ),
+        ...(feature || {}),
+      }
     }
+  })
+
+  // autoprefixer doesn't like an "undefined" value. Related to coffee ?
+  if (features.autoprefixer && features.autoprefixer.browsers === undefined) {
+    delete features.autoprefixer.browsers
   }
 
   const processor = postcss()