show-on classes use block instead of initial to fix incompatibility w…

…ith IE
Dogfalo · Dec 20, 2015 · 2c16f1b · 2c16f1b
1 parent c8a06df
commit 2c16f1b
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 11 deletions.
diff --git a/bin/materialize.css b/bin/materialize.css
@@ -2873,31 +2873,31 @@ ul.staggered-list li {
 
 @media only screen and (min-width: 993px) {
   .show-on-large {
-    display: initial !important;
+    display: block !important;
   }
 }
 
 @media only screen and (min-width: 600px) and (max-width: 992px) {
   .show-on-medium {
-    display: initial !important;
+    display: block !important;
   }
 }
 
 @media only screen and (max-width: 600px) {
   .show-on-small {
-    display: initial !important;
+    display: block !important;
   }
 }
 
 @media only screen and (min-width: 601px) {
   .show-on-medium-and-up {
-    display: initial !important;
+    display: block !important;
   }
 }
 
 @media only screen and (max-width: 992px) {
   .show-on-medium-and-down {
-    display: initial !important;
+    display: block !important;
   }
 }
 

diff --git a/css/ghpages-materialize.css b/css/ghpages-materialize.css
diff --git a/sass/components/_global.scss b/sass/components/_global.scss
@@ -307,27 +307,27 @@ ul.staggered-list li {
 }
 .show-on-large {
   @media #{$large-and-up} {
-    display: initial !important;
+    display: block !important;
   }
 }
 .show-on-medium {
   @media only screen and (min-width: $small-screen) and (max-width: $medium-screen) {
-    display: initial !important;
+    display: block !important;
   }
 }
 .show-on-small {
   @media #{$small-and-down} {
-    display: initial !important;
+    display: block !important;
   }
 }
 .show-on-medium-and-up {
   @media #{$medium-and-up} {
-    display: initial !important;
+    display: block !important;
   }
 }
 .show-on-medium-and-down {
   @media #{$medium-and-down} {
-    display: initial !important;
+    display: block !important;
   }
 }