1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
| @import "./var.scss";
| @import "../mixins/mixins";
|
| .v-modal-enter {
| animation: v-modal-in .2s ease;
| }
|
| .v-modal-leave {
| animation: v-modal-out .2s ease forwards;
| }
|
| @keyframes v-modal-in {
| 0% {
| opacity: 0;
| }
| 100% {
| }
| }
|
| @keyframes v-modal-out {
| 0% {
| }
| 100% {
| opacity: 0;
| }
| }
|
| .v-modal {
| position: fixed;
| left: 0;
| top: 0;
| width: 100%;
| height: 100%;
| opacity: $--popup-modal-opacity;
| background: $--popup-modal-background-color;
| }
|
| @include b(popup-parent) {
| @include m(hidden) {
| overflow: hidden;
| }
| }
|
|
