created popup component

2026-09-11 19:16:11 +00:00 · 2021-05-04 19:17:59 +03:00
parent 12369a49a5
commit 7a317c66c3
4 changed files with 97 additions and 0 deletions
@@ -0,0 +1,47 @@
+.popup {
+  background-color: rgba($color-black, 0.8);
+  height: 100vh;
+  width: 100%;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 3000;
+
+  &__content {
+    @include center-horizontal-vertical;
+    width: 75%;
+    background-color: $color-white;
+    box-shadow: $shadow-default;
+    border-radius: 3px;
+    display: table;
+    overflow: hidden;
+  }
+
+  &__left {
+    width: 33.33333333%;
+    display: table-cell;
+    vertical-align: middle;
+  }
+
+  &__right {
+    width: 66.666666%;
+    display: table-cell;
+    vertical-align: middle;
+    padding: 3rem 5rem;
+  }
+
+  &__img {
+    display: block;
+    width: 100%;
+  }
+
+  &__text {
+    font-size: $normal-font-size;
+    margin-bottom: 4rem;
+
+    column-count: 2;
+    column-gap: 4rem;
+    column-rule: 1px solid $color-grey-light-2;
+    hyphens: auto;
+  }
+}