add flexbox

frankmarineau · May 16, 2020 · cce1a09 · cce1a09
1 parent 1518734
commit cce1a09
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/lib/properties.js b/lib/properties.js
@@ -24,6 +24,11 @@ module.exports = [{
   properties: ['border-width', 'border-style', 'border-color'],
   shorthandSyntax: 'border-width border-style border-color',
   getShorthandValue: require('./shorthanders/border')
+}, {
+  shorthandProperty: 'flex',
+  properties: ['flex-grow', 'flex-shrink', 'flex-basis'],
+  shorthandSyntax: 'flex-grow flex-shrink flex-basis',
+  getShorthandValue: require('./shorthanders/flex')
 }, {
   shorthandProperty: 'outline',
   properties: ['outline-width', 'outline-style', 'outline-color'],

diff --git a/lib/shorthanders/flex.js b/lib/shorthanders/flex.js
@@ -0,0 +1,9 @@
+module.exports = function(shorthand, declarations) {
+  var shorthandValue = require('./generic')(shorthand, declarations);
+
+  if (!declarations['flex-grow'] || !declarations['flex-shrink']) {
+    return '';
+  }
+
+  return shorthandValue.replace('  ', ' ').trim();
+};