diff options
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.css | 104 |
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%; + } +} + + |