Stop use postcss-nested postcss-extend-rule

1 files changed, 17 insertions, 0 deletions

diff --git a/src/components/shared/BaseModal.module.scss b/src/components/shared/BaseModal.module.scss
new file mode 100644
index 0000000..1d206e1
--- /dev/null
+++ b/src/components/shared/BaseModal.module.scss
@@ -0,0 +1,17 @@
+.overlay {
+  background-color: rgba(0, 0, 0, 0.6);
+}
+.cnt {
+  position: absolute;
+  background-color: var(--bg-modal);
+  color: var(--color-text);
+  line-height: 1.4;
+  opacity: 0.6;
+  transition: all 0.3s ease;
+  transform: translate(-50%, -50%) scale(1.2);
+  box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 4px, rgba(0, 0, 0, 0.24) 0px 16px 32px;
+}
+.afterOpen {
+  opacity: 1;
+  transform: translate(-50%, -50%) scale(1);
+}