_modal.scss in semantic-ui-sass-2.2.10.0

- old
+ new

@@ -1,7 +1,7 @@
 /*!
- * # Semantic UI 2.2.9 - Modal
+ * # Semantic UI 2.2.10 - Modal
  * http://github.com/semantic-org/semantic-ui/
  *
  *
  * Released under the MIT license
  * http://opensource.org/licenses/MIT
@@ -101,59 +101,64 @@
   padding: 1.5rem;
   background: #FFFFFF;
 }
 .ui.modal > .image.content {
   display: -webkit-box;
+  display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
+  -webkit-flex-direction: row;
       -ms-flex-direction: row;
           flex-direction: row;
 }
 
 /* Image */
 .ui.modal > .content > .image {
   display: block;
   -webkit-box-flex: 0;
+  -webkit-flex: 0 1 auto;
       -ms-flex: 0 1 auto;
           flex: 0 1 auto;
   width: '';
-  -ms-flex-item-align: top;
-      -ms-grid-row-align: top;
-      align-self: top;
+  -webkit-align-self: top;
+      -ms-flex-item-align: top;
+          align-self: top;
 }
 .ui.modal > [class*="top aligned"] {
-  -ms-flex-item-align: top;
-      -ms-grid-row-align: top;
-      align-self: top;
+  -webkit-align-self: top;
+      -ms-flex-item-align: top;
+          align-self: top;
 }
 .ui.modal > [class*="middle aligned"] {
-  -ms-flex-item-align: middle;
-      -ms-grid-row-align: middle;
-      align-self: middle;
+  -webkit-align-self: middle;
+      -ms-flex-item-align: middle;
+          align-self: middle;
 }
 .ui.modal > [class*="stretched"] {
-  -ms-flex-item-align: stretch;
-      -ms-grid-row-align: stretch;
-      align-self: stretch;
+  -webkit-align-self: stretch;
+      -ms-flex-item-align: stretch;
+          align-self: stretch;
 }
 
 /* Description */
 .ui.modal > .content > .description {
   display: block;
   -webkit-box-flex: 1;
+  -webkit-flex: 1 0 auto;
       -ms-flex: 1 0 auto;
           flex: 1 0 auto;
   min-width: 0px;
-  -ms-flex-item-align: top;
-      -ms-grid-row-align: top;
-      align-self: top;
+  -webkit-align-self: top;
+      -ms-flex-item-align: top;
+          align-self: top;
 }
 .ui.modal > .content > .icon + .description,
 .ui.modal > .content > .image + .description {
   -webkit-box-flex: 0;
+  -webkit-flex: 0 1 auto;
       -ms-flex: 0 1 auto;
           flex: 0 1 auto;
   min-width: '';
   width: auto;
   padding-left: 2em;
@@ -246,9 +251,10 @@
   }
   /*rtl:ignore*/
   .ui.modal .image.content {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
+    -webkit-flex-direction: column;
         -ms-flex-direction: column;
             flex-direction: column;
   }
   .ui.modal .content > .image {
     display: block;