Last change
on this file since 6a3a178 was 6a3a178, checked in by Ema <ema_spirova@…>, 3 years ago |
initial commit
|
-
Property mode
set to
100644
|
File size:
2.6 KB
|
Line | |
---|
1 | /*!
|
---|
2 | * AngularJS Material Design
|
---|
3 | * https://github.com/angular/material
|
---|
4 | * @license MIT
|
---|
5 | * v1.2.2-master-0a06f99
|
---|
6 | */md-bottom-sheet{border-top-style:solid;border-top-width:1px;bottom:0;left:0;padding:8px 16px 88px;position:absolute;right:0;transform:translate3d(0,80px,0);transition:all .4s cubic-bezier(.25,.8,.25,1);transition-property:transform;z-index:70}md-bottom-sheet.md-has-header{padding-top:0}md-bottom-sheet.ng-enter{opacity:0;transform:translate3d(0,100%,0)}md-bottom-sheet.ng-enter-active{display:block;opacity:1;transform:translate3d(0,80px,0)!important}md-bottom-sheet.ng-leave-active{transform:translate3d(0,100%,0)!important;transition:all .3s cubic-bezier(.55,0,.55,.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{fill:#444;display:inline-block;height:24px;width:24px}md-bottom-sheet md-list-item{display:flex;outline:none}md-bottom-sheet md-list-item:hover{cursor:pointer}md-bottom-sheet.md-list md-list-item{align-items:center;height:48px;padding:0}md-bottom-sheet.md-grid{padding-left:24px;padding-right:24px;padding-top:0}md-bottom-sheet.md-grid md-list{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;transition:all .5s}md-bottom-sheet.md-grid md-list-item{align-items:center;flex-direction:column;height:96px;margin-bottom:8px;margin-top:8px;transition:all .5s}@media (max-width:960px){md-bottom-sheet.md-grid md-list-item{flex:1 1 33.33333%;max-width:33.33333%}md-bottom-sheet.md-grid md-list-item:nth-of-type(3n+1){align-items:flex-start}md-bottom-sheet.md-grid md-list-item:nth-of-type(3n){align-items:flex-end}}@media (min-width:960px) and (max-width:1279px){md-bottom-sheet.md-grid md-list-item{flex:1 1 25%;max-width:25%}}@media (min-width:1280px) and (max-width:1919px){md-bottom-sheet.md-grid md-list-item{flex:1 1 16.66667%;max-width:16.66667%}}@media (min-width:1920px){md-bottom-sheet.md-grid md-list-item{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{align-items:center;display:flex;flex-direction:column;padding-bottom:16px;width:48px}md-bottom-sheet.md-grid md-list-item .md-grid-item-content{align-items:center;border:1px solid transparent;display:flex;flex-direction:column;width:80px}md-bottom-sheet.md-grid md-list-item .md-grid-text{font-size:13px;font-weight:400;line-height:16px;margin:0;padding-top:8px;text-align:center;text-transform:none;white-space:nowrap;width:64px}@media screen and (-ms-high-contrast:active){md-bottom-sheet{border:1px solid #fff}} |
---|
Note:
See
TracBrowser
for help on using the repository browser.