diff options
author | seshukm <seshu.kumar.m@huawei.com> | 2017-03-08 12:03:21 +0530 |
---|---|---|
committer | seshukm <seshu.kumar.m@huawei.com> | 2017-03-08 12:03:49 +0530 |
commit | 6e43997c78814268bfea02298eb77ee49d83e7d8 (patch) | |
tree | ff72155f5b22da3cef95df0b5d5ae1861efdb3a9 /vnfmarket/src/main/webapp/vnfmarket/common/thirdparty/angular-material/layouts/angular-material.layouts.ie_fixes.css | |
parent | 80b299e8c4f290e3b16f35eea922cac989b6e767 (diff) |
vnf mrket place refactor code
IssueId : CLIENT-4
Change-Id: If4ae825f9096aa6b2d7e9d017e93006b788a9b88
Signed-off-by: seshukm <seshu.kumar.m@huawei.com>
Diffstat (limited to 'vnfmarket/src/main/webapp/vnfmarket/common/thirdparty/angular-material/layouts/angular-material.layouts.ie_fixes.css')
-rw-r--r-- | vnfmarket/src/main/webapp/vnfmarket/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/vnfmarket/common/thirdparty/angular-material/layouts/angular-material.layouts.ie_fixes.css b/vnfmarket/src/main/webapp/vnfmarket/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/vnfmarket/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%; + } +} + + |