The default value of flex-basis is 0%

The INITIAL value is `auto`, silly me.

Author: silvenon

bugs/bug4.js

@@ -21,8 +21,8 @@ module.exports = function(decl) {
         }
         var values = postcss.list.space(decl.value);
         var flexGrow = values[0];
-        var flexShrink = values[1];
-        var flexBasis = values[2] || 'auto';
-        decl.value = flexGrow + ' ' + (flexShrink || '1') + ' ' + properBasis(flexBasis);
+        var flexShrink = values[1] || '1';
+        var flexBasis = values[2] || '0%';
+        decl.value = flexGrow + ' ' + flexShrink + ' ' + properBasis(flexBasis);
     }
 };

bugs/bug6.js

@@ -1,7 +1,14 @@
+var postcss = require('postcss');
+
 module.exports = function(decl) {
     if (decl.prop === 'flex') {
         if(decl.value === 'none'){
             return;
         }
+        var values = postcss.list.space(decl.value);
+        var flexGrow = values[0];
+        var flexShrink = values[1] || '1';
+        var flexBasis = values[2] || '0%';
+        decl.value = flexGrow + ' ' + flexShrink + ' ' + flexBasis;
     }
 };

specs/bug4Spec.js

@@ -1,14 +1,14 @@
 var test = require('./test');
 
 describe('bug 4', function() {
-    it('set auto for default flex-basis and 1 for flex-shrink in flex shorthand', function(done) {
+    it('set 0% for default flex-basis and 1 for flex-shrink in flex shorthand', function(done) {
         var input = 'div{flex: 1;}';
-        var output = 'div{flex: 1 1 auto;}';
+        var output = 'div{flex: 1 1 0%;}';
         test(input, output, {}, done);
     });
-    it('set auto for default flex-basis when not specified', function(done) {
+    it('set 0% for default flex-basis when not specified', function(done) {
         var input = 'div{flex: 1 1;}';
-        var output = 'div{flex: 1 1 auto;}';
+        var output = 'div{flex: 1 1 0%;}';
         test(input, output, {}, done);
     });
     it('set flex-basis === 0% for flex-basis with plain 0', function(done) {

specs/bug6Spec.js

@@ -3,7 +3,7 @@ var test = require('./test');
 describe('bug 6', function() {
     it('Set flex-shrink to 1 by default', function(done) {
         var input = 'div{flex: 1;}';
-        var output = 'div{flex: 1 1 auto;}';
+        var output = 'div{flex: 1 1 0%;}';
         test(input, output, {}, done);
     });
     describe('does nothing', function() {

specs/bug81aSpec.js

@@ -9,12 +9,12 @@ describe('bug 8.1.a', function() {
     describe('does nothing', function() {
         it('when using only first value', function(done) {
             var input = 'a{flex: 0}';
-            var output = 'a{flex: 0 1 auto}';
+            var output = 'a{flex: 0 1 0%}';
             test(input, output, {}, done);
         });
         it('when using only first and second values', function(done) {
             var input = 'a{flex: 0 0}';
-            var output = 'a{flex: 0 0 auto}';
+            var output = 'a{flex: 0 0 0%}';
             test(input, output, {}, done);
         });
         it('when not using calc', function(done) {