[wip] 🔥 Integrate Swell into the shop

Create a custom and internal API for fetching and updating content to Swell Admin API (using swell-node)
2021-11-07 11:51:01 +01:00
parent 2f043af38e
commit bd74f5612c
14 changed files with 543 additions and 148 deletions
--- a/src/style/molecules/_cart-item.scss
+++ b/src/style/molecules/_cart-item.scss
@@ -0,0 +1,58 @@
+// Cart item
+.cart-item {
+    display: flex;
+    background-color: #fff;
+    color: $color-gray;
+    margin-bottom: 24px;
+    border-radius: 6px;
+    align-items: center;
+
+    &:last-child {
+        margin-bottom: 0;
+    }
+
+    // Left Image
+    &__left {
+        margin-right: 20px;
+        width: 100px;
+        height: 150px;
+
+        @include bp (sm) {
+            margin-right: 32px;
+            width: 124px;
+            height: 180px;
+        }
+
+        img {
+            display: block;
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+            border-radius: 6px 0 0 6px;
+        }
+    }
+
+    &__right {
+        // Poster Title
+        h3 {
+            font-family: $font-serif;
+            color: $color-secondary;
+            font-size: rem(20px);
+
+            @include bp (sm) {
+                font-size: rem(28px);
+            }
+        }
+        // Text
+        p {
+            font-size: rem(12px);
+            line-height: 1.4;
+            max-width: 124px;
+            margin: 8px 0 20px;
+
+            @include bp (sm) {
+                font-size: rem(13px);
+            }
+        }
+    }
+}