display styles, unfortunately, need to be !important.

googlearchive · Apr 9, 2014 · a5cfc2e · a5cfc2e
1 parent d41a6be
commit a5cfc2e
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/core-layout-host.css b/core-layout-host.css
@@ -8,11 +8,11 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
 */
 
 :host {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: -moz-flex;
-  display: -webkit-flex;
-  display: flex;
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: -moz-flex !important;
+  display: -webkit-flex !important;
+  display: flex !important;
 }
 
 :host([core-flow=h]) {

diff --git a/core-layout.css b/core-layout.css
@@ -5,11 +5,11 @@ license that can be found in the LICENSE file.
 */
 
 [core-flow] {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: -moz-flex;
-  display: -webkit-flex;
-  display: flex;
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: -moz-flex !important;
+  display: -webkit-flex !important;
+  display: flex !important;
 }
 
 [core-flow=h] {