Browse Source

Friendly Business: Add IE11 fallback for Media & Text layout.

Laurel Fulford 6 years ago
parent
commit
efbcfcba94
1 changed files with 28 additions and 0 deletions
  1. 28 0
      friendly-business/sass/blocks/_blocks.scss

+ 28 - 0
friendly-business/sass/blocks/_blocks.scss

@@ -820,6 +820,34 @@
 				padding-right: 8%;
 			}
 		}
+
+		// Temporary fix for IE 11 for this issue: https://github.com/WordPress/gutenberg/issues/11577
+		@media all and (-ms-high-contrast:none) {
+
+			&:after {
+				display: table;
+				content: "";
+				clear: both;
+			}
+
+			figure {
+				float: left;
+				width: 50%;
+			}
+
+			.wp-block-media-text__content {
+				float: right;
+				width: 50%;
+			}
+
+			&.has-media-on-the-right figure {
+				float: right;
+			}
+
+			&.has-media-on-the-right .wp-block-media-text__content {
+				float: left;
+			}
+		}
 	}
 
 	//! Columns