Merge branch 'v2' into v2-shop

# Conflicts: # src/components/molecules/PosterCart.svelte # src/routes/shop/__layout.svelte # src/style/atoms/_button-circle.scss # src/style/organisms/_cart.scss # src/style/pages/_shop.scss # src/style/style.scss
2021-11-07 12:07:18 +01:00
parent bd74f5612c a3ead40a6d
commit ffc26877c8
7 changed files with 130 additions and 9 deletions
--- a/src/style/molecules/_notification-cart.scss
+++ b/src/style/molecules/_notification-cart.scss
@@ -0,0 +1,60 @@
+.notification-cart {
+    display: flex;
+    background-color: #fff;
+    color: $color-gray;
+    border-radius: 6px;
+    align-items: center;
+    overflow: hidden;
+    cursor: pointer;
+
+    // Left Image
+    &__left {
+        margin-right: 20px;
+        width: 100px;
+        height: 150px;
+
+        @include bp (sm) {
+            margin-right: 24px;
+            width: 58px;
+            height: 88px;
+        }
+
+        img {
+            display: block;
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+        }
+    }
+
+    // Details
+    &__right {
+        display: flex;
+        flex-direction: column;
+        margin-right: 24px;
+        justify-content: center;
+
+        // Poster Title
+        h3 {
+            font-family: $font-serif;
+            color: $color-secondary;
+            font-size: rem(20px);
+
+            @include bp (sm) {
+                font-size: rem(18px);
+            }
+        }
+        // Text
+        p {
+            font-size: rem(12px);
+            line-height: 1.4;
+            max-width: 124px;
+            margin: 4px 0;
+
+            @include bp (sm) {
+                font-size: rem(13px);
+                max-width: none;
+            }
+        }
+    }
+}