diff options
Diffstat (limited to 'vnfmarket/common/thirdparty/angular-material/modules/js/bottomSheet/bottomSheet.css')
| -rw-r--r-- | vnfmarket/common/thirdparty/angular-material/modules/js/bottomSheet/bottomSheet.css | 170 |
1 files changed, 170 insertions, 0 deletions
diff --git a/vnfmarket/common/thirdparty/angular-material/modules/js/bottomSheet/bottomSheet.css b/vnfmarket/common/thirdparty/angular-material/modules/js/bottomSheet/bottomSheet.css new file mode 100644 index 00000000..025737fd --- /dev/null +++ b/vnfmarket/common/thirdparty/angular-material/modules/js/bottomSheet/bottomSheet.css @@ -0,0 +1,170 @@ +/*! + * Angular Material Design + * https://github.com/angular/material + * @license MIT + * v1.1.3 + */ +md-bottom-sheet { + position: absolute; + left: 0; + right: 0; + bottom: 0; + padding: 8px 16px 88px 16px; + z-index: 70; + border-top-width: 1px; + border-top-style: solid; + -webkit-transform: translate3d(0, 80px, 0); + transform: translate3d(0, 80px, 0); + -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); + transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); + -webkit-transition-property: -webkit-transform; + transition-property: -webkit-transform; + transition-property: transform; + transition-property: transform, -webkit-transform; } + md-bottom-sheet.md-has-header { + padding-top: 0; } + md-bottom-sheet.ng-enter { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); } + md-bottom-sheet.ng-enter-active { + opacity: 1; + display: block; + -webkit-transform: translate3d(0, 80px, 0) !important; + transform: translate3d(0, 80px, 0) !important; } + md-bottom-sheet.ng-leave-active { + -webkit-transform: translate3d(0, 100%, 0) !important; + transform: translate3d(0, 100%, 0) !important; + -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); + transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); } + md-bottom-sheet .md-subheader { + background-color: transparent; + font-family: Roboto, "Helvetica Neue", sans-serif; + line-height: 56px; + padding: 0; + white-space: nowrap; } + md-bottom-sheet md-inline-icon { + display: inline-block; + height: 24px; + width: 24px; + fill: #444; } + md-bottom-sheet md-list-item { + display: -webkit-box; + display: -webkit-flex; + display: flex; + outline: none; } + md-bottom-sheet md-list-item:hover { + cursor: pointer; } + md-bottom-sheet.md-list md-list-item { + padding: 0; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + height: 48px; } + md-bottom-sheet.md-grid { + padding-left: 24px; + padding-right: 24px; + padding-top: 0; } + md-bottom-sheet.md-grid md-list { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-orient: horizontal; + -webkit-box-direction: normal; + -webkit-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-transition: all 0.5s; + transition: all 0.5s; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; } + md-bottom-sheet.md-grid md-list-item { + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + -webkit-transition: all 0.5s; + transition: all 0.5s; + height: 96px; + margin-top: 8px; + margin-bottom: 8px; + /* Mixin for how many grid items to show per row */ } + @media (max-width: 960px) { + md-bottom-sheet.md-grid md-list-item { + -webkit-box-flex: 1; + -webkit-flex: 1 1 33.33333%; + flex: 1 1 33.33333%; + max-width: 33.33333%; } + md-bottom-sheet.md-grid md-list-item:nth-of-type(3n + 1) { + -webkit-box-align: start; + -webkit-align-items: flex-start; + align-items: flex-start; } + md-bottom-sheet.md-grid md-list-item:nth-of-type(3n) { + -webkit-box-align: end; + -webkit-align-items: flex-end; + align-items: flex-end; } } + @media (min-width: 960px) and (max-width: 1279px) { + md-bottom-sheet.md-grid md-list-item { + -webkit-box-flex: 1; + -webkit-flex: 1 1 25%; + flex: 1 1 25%; + max-width: 25%; } } + @media (min-width: 1280px) and (max-width: 1919px) { + md-bottom-sheet.md-grid md-list-item { + -webkit-box-flex: 1; + -webkit-flex: 1 1 16.66667%; + flex: 1 1 16.66667%; + max-width: 16.66667%; } } + @media (min-width: 1920px) { + md-bottom-sheet.md-grid md-list-item { + -webkit-box-flex: 1; + -webkit-flex: 1 1 14.28571%; + flex: 1 1 14.28571%; + max-width: 14.28571%; } } + md-bottom-sheet.md-grid md-list-item::before { + display: none; } + md-bottom-sheet.md-grid md-list-item .md-list-item-content { + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + width: 48px; + padding-bottom: 16px; } + md-bottom-sheet.md-grid md-list-item .md-grid-item-content { + border: 1px solid transparent; + display: -webkit-box; + display: -webkit-flex; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + align-items: center; + width: 80px; } + md-bottom-sheet.md-grid md-list-item .md-grid-text { + font-weight: 400; + line-height: 16px; + font-size: 13px; + margin: 0; + white-space: nowrap; + width: 64px; + text-align: center; + text-transform: none; + padding-top: 8px; } + +@media screen and (-ms-high-contrast: active) { + md-bottom-sheet { + border: 1px solid #fff; } } |