libs/ui/src/components/NeoModal/NeoModal.scss
@import '@oruga-ui/oruga-next/src/scss/utilities/_expressions.scss';
@import '@oruga-ui/oruga-next/src/scss/utilities/_variables.scss';
@import '@oruga-ui/oruga-next/src/scss/utilities/_animations.scss';
@import '@oruga-ui/oruga-next/src/scss/utilities/_helpers.scss';
$modal-content-border-radius: 0;
$modal-overlay-background-color: rgb(0 0 0 / 0.17);
@import '@oruga-ui/oruga-next/src/scss/components/_modal.scss';
.neo-modal {
.o-modal__content {
@apply w-auto max-h-[var(--max-height)] shadow-primary border-default border-border-color text-text-color bg-background-color;
hr {
@apply bg-k-shade2 #{!important};
}
&.no-shadow {
@apply shadow-none;
}
&.enable-mobile {
@media screen and (max-width: 425px) {
@apply absolute -bottom-[1px] -right-[1px] -left-[1px] flex flex-col;
}
}
}
.o-modal__content--full-screen {
@apply w-full h-screen;
}
.modal-card-head {
@apply bg-[unset];
}
.card {
@apply rounded-none;
}
&.append-to-body {
@apply z-[999];
}
}