aboutsummaryrefslogtreecommitdiffstats
path: root/vnfmarket/src/main/webapp/common/thirdparty/angular-material/layouts/angular-material.layouts.ie_fixes.css
diff options
context:
space:
mode:
Diffstat (limited to 'vnfmarket/src/main/webapp/common/thirdparty/angular-material/layouts/angular-material.layouts.ie_fixes.css')
-rw-r--r--vnfmarket/src/main/webapp/common/thirdparty/angular-material/layouts/angular-material.layouts.ie_fixes.css104
1 files changed, 104 insertions, 0 deletions
diff --git a/vnfmarket/src/main/webapp/common/thirdparty/angular-material/layouts/angular-material.layouts.ie_fixes.css b/vnfmarket/src/main/webapp/common/thirdparty/angular-material/layouts/angular-material.layouts.ie_fixes.css
new file mode 100644
index 00000000..90e7dfa3
--- /dev/null
+++ b/vnfmarket/src/main/webapp/common/thirdparty/angular-material/layouts/angular-material.layouts.ie_fixes.css
@@ -0,0 +1,104 @@
+/* IE mediaQuery hack for 8,9,10 to set the flex-basis properly for 'flex' values */
+/* Details: */
+/* Do not use unitless flex-basis values in the flex shorthand because IE 10-11 will error. */
+/* Also use 0% instead of 0px since minifiers will often convert 0px to 0 (which is unitless and will have the same problem). */
+/* Safari, however, fails with flex-basis : 0% and requires flex-basis : 0px */
+
+@media screen\0 {
+ .flex {
+ -webkit-flex: 1 1 0%;
+ -ms-flex: 1 1 0%;
+ flex: 1 1 0%;
+ }
+}
+
+@media screen\0 {
+ .flex {
+ -webkit-flex: 1 1 0%;
+ -ms-flex: 1 1 0%;
+ flex: 1 1 0%;
+ }
+}
+
+@media screen\0
+and (max-width: 599px) {
+ .flex-xs {
+ -webkit-flex: 1 1 0%;
+ -ms-flex: 1 1 0%;
+ flex: 1 1 0%;
+ }
+}
+
+@media screen\0
+and (min-width: 600px) {
+ .flex-gt-xs {
+ -webkit-flex: 1 1 0%;
+ -ms-flex: 1 1 0%;
+ flex: 1 1 0%;
+ }
+}
+
+@media screen\0
+and (min-width: 600px) and (max-width: 959px) {
+ .flex-sm {
+ -webkit-flex: 1 1 0%;
+ -ms-flex: 1 1 0%;
+ flex: 1 1 0%;
+ }
+}
+
+@media screen\0
+and (min-width: 960px) {
+ .flex-gt-sm {
+ -webkit-flex: 1 1 0%;
+ -ms-flex: 1 1 0%;
+ flex: 1 1 0%;
+ }
+}
+
+@media screen\0
+and (min-width: 960px) and (max-width: 1279px) {
+ .flex-md {
+ -webkit-flex: 1 1 0%;
+ -ms-flex: 1 1 0%;
+ flex: 1 1 0%;
+ }
+}
+
+@media screen\0
+and (min-width: 1280px) {
+ .flex-gt-md {
+ -webkit-flex: 1 1 0%;
+ -ms-flex: 1 1 0%;
+ flex: 1 1 0%;
+ }
+}
+
+@media screen\0
+and (min-width: 1280px) and (max-width: 1919px) {
+ .flex-lg {
+ -webkit-flex: 1 1 0%;
+ -ms-flex: 1 1 0%;
+ flex: 1 1 0%;
+ }
+}
+
+@media screen\0
+and (min-width: 1920px) {
+ .flex-gt-lg {
+ -webkit-flex: 1 1 0%;
+ -ms-flex: 1 1 0%;
+ flex: 1 1 0%;
+ }
+}
+
+@media screen\0
+and (min-width: 1920px) {
+ .flex-xl {
+ -webkit-flex: 1 1 0%;
+ -ms-flex: 1 1 0%;
+ flex: 1 1 0%;
+ }
+}
+
+