Fix luisrudge#48

bugs/bug6.js

@@ -4,12 +4,32 @@ module.exports = function(decl) {
     if (decl.prop === 'flex') {
         var values = postcss.list.space(decl.value);
         var flexGrow = values[0];
-        var flexShrink = values[1] || '1';
-        var flexBasis = values[2] || '0%';
-        // Safari seems to hate '0%' and the others seems to make do with a nice value when basis is missing,
-        // so if we see a '0%', just remove it.  This way it'll get adjusted for any other cases where '0%' is
-        // already defined somewhere else.
-        if(flexBasis === '0%') flexBasis = null;
-        decl.value = flexGrow + ' ' + flexShrink + (flexBasis ? ' ' + flexBasis : '');
+        var flexShrink = values[1];
+        var flexBasis = values[2];
+        if (flexGrow){
+            var grow = postcss.decl({
+                prop: 'flex-grow',
+                value: flexGrow,
+                source: decl.source
+            });
+            decl.parent.insertBefore(decl, grow);
+        }
+        if (flexShrink){
+            var shrink = postcss.decl({
+                prop: 'flex-shrink',
+                value: flexShrink,
+                source: decl.source
+            });
+            decl.parent.insertBefore(decl, shrink);
+        }
+        if (flexBasis){
+            var grow = postcss.decl({
+                prop: 'flex-basis',
+                value: flexBasis,
+                source: decl.source
+            });
+            decl.parent.insertBefore(decl, basis);
+        }
+        decl.remove();
     }
 };