(css) Fix md-backdrop
This commit is contained in:
parent
a83080ae3a
commit
914379884b
|
@ -1,39 +1,2 @@
|
||||||
/// backdrop.scss -*- Mode: scss; indent-tabs-mode: nil; basic-offset: 2 -*-
|
/// backdrop.scss -*- Mode: scss; indent-tabs-mode: nil; basic-offset: 2 -*-
|
||||||
@import 'extends';
|
@import 'extends';
|
||||||
|
|
||||||
md-backdrop {
|
|
||||||
z-index: $z-index-backdrop;
|
|
||||||
&.md-dialog-backdrop {
|
|
||||||
z-index: $z-index-dialog - 1;
|
|
||||||
}
|
|
||||||
&.md-bottom-sheet-backdrop {
|
|
||||||
z-index: $z-index-bottom-sheet - 1;
|
|
||||||
}
|
|
||||||
&.md-sidenav-backdrop {
|
|
||||||
z-index: $z-index-sidenav - 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
background-color: rgba(0,0,0,0);
|
|
||||||
|
|
||||||
position: fixed;
|
|
||||||
left: 0;
|
|
||||||
top: 0;
|
|
||||||
right: 0;
|
|
||||||
bottom: 0;
|
|
||||||
|
|
||||||
&.ng-enter {
|
|
||||||
animation: $swift-ease-out-timing-function mdBackdropFadeIn 0.5s both;
|
|
||||||
}
|
|
||||||
&.ng-leave {
|
|
||||||
animation: $swift-ease-in-timing-function mdBackdropFadeOut 0.2s both;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes mdBackdropFadeIn {
|
|
||||||
from { opacity: 0; }
|
|
||||||
to { opacity: 1; }
|
|
||||||
}
|
|
||||||
@keyframes mdBackdropFadeOut {
|
|
||||||
from { opacity: 1; }
|
|
||||||
to { opacity: 0; }
|
|
||||||
}
|
|
||||||
|
|
Loading…
Reference in a new issue