Fix space

index.js

@@ -3,91 +3,91 @@
 var postcss = require('postcss'),
     displays = ['block', 'table'];
 
-module.exports = postcss.plugin('postcss-clearfix', function (opts) {
-  opts = opts || {};
-
-  if (displays.indexOf(opts.display) === -1) {
-    opts.display = displays[0];
+/**
+ * Clear: fix; rule handler
+ * @param  {string} decl  current decleration
+ */
+function clearFix(decl, opts) {
+
+  var origRule = decl.parent,
+      ruleSelectors = origRule.selectors,
+      newRule;
+
+  ruleSelectors = ruleSelectors.map(function(ruleSelector){
+      return ruleSelector + ':after';
+    }).join(',\n');
+
+  // Insert the :after rule before the original rule
+  newRule = origRule.cloneBefore({
+    selector: ruleSelectors
+  }).removeAll();
+
+  newRule.append('content: \'\'; display: ' + opts.display + '; clear: both;');
+
+  // If the original rule only had clear:fix in it, remove the whole rule
+  if (decl.prev() === undefined && decl.next() === undefined) {
+    origRule.remove();
+  } else {
+    // Otherwise just remove the delcl
+    decl.remove();
   }
 
-  return function (css) {
+}
 
-    /**
-     * Clear: fix; rule handler
-     * @param  {string} decl  current decleration
-     */
-    function clearFix(decl){
+/**
+ * Clear: fix-legacy; rule handler
+ * @param  {string} decl  current decleration
+ */
+function clearFixLegacy(decl) {
 
-      var origRule = decl.parent,
-          ruleSelectors = origRule.selectors,
-          newRule;
+  var origRule = decl.parent,
+    ruleSelectors = origRule.selectors,
+    bothRuleSelectors,
+    afterRuleSelectors,
+    bothRule,
+    afterRule;
 
-      ruleSelectors = ruleSelectors.map(function(ruleSelector){
-          return ruleSelector + ':after';
-        }).join(',\n');
-
-      // Insert the :after rule before the original rule
-      newRule = origRule.cloneBefore({
-        selector: ruleSelectors
-      }).removeAll();
+    bothRuleSelectors = ruleSelectors.map(function(ruleSelector){
+        return ruleSelector + ':before,\n' + ruleSelector + ':after';
+    }).join(',\n');
 
-      newRule.append('content: \'\'; display: ' + opts.display + '; clear: both;');
-
-      // If the original rule only had clear:fix in it, remove the whole rule
-      if (decl.prev() === undefined && decl.next() === undefined) {
-        origRule.remove();
-      } else {
-        // Otherwise just remove the delcl
-        decl.remove();
-      }
-
-    };
-
-    /**
-     * Clear: fix-legacy; rule handler
-     * @param  {string} decl  current decleration
-     */
-    function clearFixLegacy(decl) {
+    afterRuleSelectors = ruleSelectors.map(function(ruleSelector){
+          return ruleSelector + ':after';
+    }).join(',\n');
 
-      var origRule = decl.parent,
-        ruleSelectors = origRule.selectors,
-        bothRuleSelectors,
-        afterRuleSelectors,
-        bothRule,
-        afterRule;
+  // Insert new rules before the original rule
+  bothRule = origRule.cloneBefore({
+    selector: bothRuleSelectors
+  }).removeAll();
 
-        bothRuleSelectors = ruleSelectors.map(function(ruleSelector){
-            return ruleSelector + ':before,\n' + ruleSelector + ':after';
-        }).join(',\n');
+  afterRule = origRule.cloneBefore({
+    selector: afterRuleSelectors
+  }).removeAll();
 
-        afterRuleSelectors = ruleSelectors.map(function(ruleSelector){
-              return ruleSelector + ':after';
-        }).join(',\n');
+  bothRule.append('content: \' \'; display: table;');
 
-      // Insert new rules before the original rule
-      bothRule = origRule.cloneBefore({
-        selector: bothRuleSelectors
-      }).removeAll();
+  // Longhand syntax operates a little quicker, only single decls here so use it.
+  afterRule.append({
+    prop: 'clear',
+    value: 'both'
+  });
 
-      afterRule = origRule.cloneBefore({
-        selector: afterRuleSelectors
-      }).removeAll();
+  origRule.append({
+    prop: 'zoom',
+    value: '1'
+  });
 
-      bothRule.append('content: \'\'; display: table;');
+  decl.remove();
+}
 
-      // Longhand syntax operates a little quicker, only single decls here so use it.
-      afterRule.append({
-        prop: 'clear',
-        value: 'both'
-      });
+module.exports = postcss.plugin('postcss-clearfix', function(opts) {
+  opts = opts || {};
 
-      origRule.append({
-        prop: 'zoom',
-        value: '1'
-      });
+  if (displays.indexOf(opts.display) === -1) {
+    opts.display = displays[0];
+  }
 
-      decl.remove();
-    };
+  return function(css) {
 
     // Run handlers through all relevant CSS decls
     css.walkDecls('clear', function(decl) {
@@ -96,12 +96,12 @@ module.exports = postcss.plugin('postcss-clearfix', function (opts) {
 
         // Pass all clear: fix; properties to clearFix()
         case 'fix':
-          clearFix(decl);
+          clearFix(decl, opts);
           break;
 
         // Pass all clear: fix-legacy properties to clearFixLegacy()
         case 'fix-legacy':
-          clearFixLegacy(decl);
+          clearFixLegacy(decl, opts);
           break;
 
       }

test/fixtures/fix-legacy.expected.css

@@ -1,6 +1,6 @@
 .foo:before,
 .foo:after {
-  content: '';
+  content: ' ';
   display: table;
 }
 .foo:after {

test/fixtures/multiple.expected.css

@@ -14,7 +14,7 @@
 .baz:after,
 .fab:before,
 .fab:after {
-  content: '';
+  content: ' ';
   display: table;
 }