/*!
|
|
* Angular Material Design
|
|
* https://github.com/angular/material
|
|
* @license MIT
|
|
* v1.1.3
|
|
*/
|
|
.md-panel-outer-wrapper {
|
|
height: 100%;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%; }
|
|
|
|
._md-panel-hidden {
|
|
display: none; }
|
|
|
|
._md-panel-fullscreen {
|
|
border-radius: 0;
|
|
left: 0;
|
|
min-height: 100%;
|
|
min-width: 100%;
|
|
position: fixed;
|
|
top: 0; }
|
|
|
|
._md-panel-shown .md-panel {
|
|
opacity: 1;
|
|
-webkit-transition: none;
|
|
transition: none; }
|
|
|
|
.md-panel {
|
|
opacity: 0;
|
|
position: fixed; }
|
|
.md-panel._md-panel-shown {
|
|
opacity: 1;
|
|
-webkit-transition: none;
|
|
transition: none; }
|
|
.md-panel._md-panel-animate-enter {
|
|
opacity: 1;
|
|
-webkit-transition: all 0.3s cubic-bezier(0, 0, 0.2, 1);
|
|
transition: all 0.3s cubic-bezier(0, 0, 0.2, 1); }
|
|
.md-panel._md-panel-animate-leave {
|
|
opacity: 1;
|
|
-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 1, 1);
|
|
transition: all 0.3s cubic-bezier(0.4, 0, 1, 1); }
|
|
.md-panel._md-panel-animate-scale-out, .md-panel._md-panel-animate-fade-out {
|
|
opacity: 0; }
|
|
.md-panel._md-panel-backdrop {
|
|
height: 100%;
|
|
position: absolute;
|
|
width: 100%; }
|
|
.md-panel._md-opaque-enter {
|
|
opacity: .48;
|
|
-webkit-transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1);
|
|
transition: opacity 0.3s cubic-bezier(0, 0, 0.2, 1); }
|
|
.md-panel._md-opaque-leave {
|
|
-webkit-transition: opacity 0.3s cubic-bezier(0.4, 0, 1, 1);
|
|
transition: opacity 0.3s cubic-bezier(0.4, 0, 1, 1); }
|