45 lines
600 B
SCSS
45 lines
600 B
SCSS
@import "../../app.scss";
|
|
|
|
view.mask {
|
|
position: fixed;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: rgba($color: #000000, $alpha: .2);
|
|
z-index: 1;
|
|
}
|
|
|
|
view.mask.block {
|
|
display: block;
|
|
}
|
|
|
|
view.mask.none {
|
|
display: none;
|
|
}
|
|
|
|
view.mask.show {
|
|
animation: show .1s cubic-bezier(0, 0, 1, 1) both;
|
|
opacity: 1;
|
|
}
|
|
|
|
view.mask.hide {
|
|
animation: hide .1s cubic-bezier(0, 0, 1, 1) both;
|
|
opacity: 0;
|
|
}
|
|
|
|
@keyframes show{
|
|
from {
|
|
opacity: 0;
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes hide{
|
|
from {
|
|
opacity: 1;
|
|
}
|
|
to {
|
|
opacity: 0;
|
|
}
|
|
} |