Add justify-content

src/editor/config/config.js

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

src/style_manager/model/PropertyFactory.js

@@ -74,6 +74,7 @@ module.exports = () => ({
         case 'display':
         case 'flex-direction':
         case 'flex-wrap':
+        case 'justify-content':
         case 'font-family':
         case 'font-weight':
         case 'border-style':
@@ -174,6 +175,9 @@ module.exports = () => ({
         case 'flex-wrap':
           obj.defaults = 'nowrap';
           break;
+        case 'justify-content':
+          obj.defaults = 'flex-start';
+          break;
         case 'position':
           obj.defaults = 'static';
           break;
@@ -288,6 +292,7 @@ module.exports = () => ({
       switch (prop) {
         case 'flex-direction':
         case 'flex-wrap':
+        case 'justify-content':
           obj.requires = { display: ['flex'] };
           break;
       }
@@ -448,6 +453,16 @@ module.exports = () => ({
             { value: 'wrap-reverse' }
           ];
           break;
+        case 'justify-content':
+          obj.list = [
+            { value: 'flex-start' },
+            { value: 'flex-end' },
+            { value: 'center' },
+            { value: 'space-between' },
+            { value: 'space-around' },
+            { value: 'space-evenly' }
+          ];
+          break;
         case 'position':
           obj.list = [
             { value: 'static' },