123456789101112131415161718192021222324252627282930313233343536373839404142 |
- @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;
- }
- }
|