diff options
author | seshukm <seshu.kumar.m@huawei.com> | 2017-03-08 11:54:56 +0530 |
---|---|---|
committer | seshukm <seshu.kumar.m@huawei.com> | 2017-03-08 11:54:56 +0530 |
commit | 80b299e8c4f290e3b16f35eea922cac989b6e767 (patch) | |
tree | b99086734507728ae096349cca4d0258335dbf4f /vnfmarket/src/main/webapp/common/thirdparty/angular-material/layouts/angular-material.layouts.ie_fixes.css | |
parent | 5fa92b4eb456b5f4959c39578a3c6e3555c4ae7d (diff) |
VnfMarket place refactor
IssueId : CLIENT-4
Change-Id: Ia1b076400f9c3bedf9db714099a608ece392aa59
Signed-off-by: seshukm <seshu.kumar.m@huawei.com>
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%; + } +} + + |