support ms prefixed flexbox

googlearchive · Sep 13, 2013 · e0541ee · e0541ee
1 parent c459b85
commit e0541ee
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 0 deletions.
diff --git a/elements/g-app.html b/elements/g-app.html
@@ -87,9 +87,11 @@
         /* layout content using flexbox */
         display: -webkit-box;
         display: -webkit-flex;
+        display: -ms-flexbox;
         display: flex;
         -webkit-box-orient: vertical;
         -webkit-flex-flow: column;
+        -ms-flex-direction: column;
         flex-direction: column;
 
         /* convenient defaults */
@@ -102,13 +104,15 @@
     .flex {
       -webkit-box-flex: 1;
       -webkit-flex: 1;
+      -ms-flex: 1;
       flex: 1;
     }
 
     /* oobe helper for flex'ing distributed content */
     content::-webkit-distributed(.flex) {
       -webkit-box-flex: 1;
       -webkit-flex: 1;
+      -ms-flex: 1;
       flex: 1;
     }
   </style>

diff --git a/elements/g-ribbon.html b/elements/g-ribbon.html
@@ -32,9 +32,11 @@
         * {
           display: -webkit-box;
           display: -webkit-flex;
+          display: -ms-flexbox;
           display: flex;
           -webkit-box-orient: vertical;
           -webkit-flex-flow: column;
+          -ms-flex-direction: column;
           flex-direction: column;
           background: -webkit-linear-gradient(-60deg, #3d3d3d, #353535);
           background: -moz-linear-gradient(-60deg, #3d3d3d, #353535);
@@ -59,6 +61,7 @@
       .menu {
         -webkit-box-flex: 1;
         -webkit-flex: 1;
+        -ms-flex: 1;
         flex: 1;
         overflow: auto;
       }

diff --git a/elements/g-toolbar.html b/elements/g-toolbar.html
@@ -27,9 +27,11 @@
       .toolbar {
         display: -webkit-box;
         display: -webkit-flex;
+        display: -ms-flexbox;
         display: flex;
         -webkit-box-align: center;
         -webkit-align-items: center;
+        -ms-flex-align: center;
         align-items: center;
         min-height: 60px;
         background-color: whitesmoke;
@@ -53,6 +55,7 @@
       ::-webkit-distributed(.flex) {
         -webkit-box-flex: 1;
         -webkit-flex: 1;
+        -ms-flex: 1;
         flex: 1;
       }