vuestic-ui
Version:
Vue 3 UI Framework
28 lines • 631 B
CSS
.va-layout__area {
grid-area: var(--va-props-area);
z-index: var(--va-z-index);
}
.va-layout__absolute-area-wrapper {
z-index: var(--va-z-index);
}
.va-layout-area {
display: flex;
}
.va-layout-area__overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: var(--va-layout-overlay-color);
z-index: var(--va-z-index-1);
}
.va-layout-area__overlay.v-enter-active, .va-layout-area__overlay.v-leave-active {
transition: opacity 0.5s ease;
}
.va-layout-area__overlay.v-enter-from, .va-layout-area__overlay.v-leave-to {
opacity: 0;
}
.va-layout-area__overlay--fixed {
position: fixed;
}