Add align-items

src/editor/config/config.js

@@ -219,6 +219,7 @@ module.exports = {
           'flex-direction',
           'flex-wrap',
           'justify-content',
+          'align-items',
           'position',
           'top',
           'right',

src/style_manager/model/PropertyFactory.js

@@ -75,6 +75,7 @@ module.exports = () => ({
         case 'flex-direction':
         case 'flex-wrap':
         case 'justify-content':
+        case 'align-items':
         case 'font-family':
         case 'font-weight':
         case 'border-style':
@@ -178,6 +179,9 @@ module.exports = () => ({
         case 'justify-content':
           obj.defaults = 'flex-start';
           break;
+        case 'align-items':
+          obj.defaults = 'stretch';
+          break;
         case 'position':
           obj.defaults = 'static';
           break;
@@ -293,6 +297,7 @@ module.exports = () => ({
         case 'flex-direction':
         case 'flex-wrap':
         case 'justify-content':
+        case 'align-items':
           obj.requires = { display: ['flex'] };
           break;
       }
@@ -463,6 +468,15 @@ module.exports = () => ({
             { value: 'space-evenly' }
           ];
           break;
+        case 'align-items':
+          obj.list = [
+            { value: 'flex-start' },
+            { value: 'flex-end' },
+            { value: 'center' },
+            { value: 'baseline' },
+            { value: 'stretch' }
+          ];
+          break;
         case 'position':
           obj.list = [
             { value: 'static' },