Add cross (remove) icon to poster cart

2021-11-05 22:41:02 +01:00
parent 01a87cc0cf
commit 163fbe75db
3 changed files with 21 additions and 7 deletions
--- a/src/style/organisms/_cart.scss
+++ b/src/style/organisms/_cart.scss
@@ -6,7 +6,7 @@
    padding: 20px 20px 24px;

    @include bp (sm) {
-        padding: 24px 32px 0 32px;
+        padding: 24px 32px;
    }

    // Heading
@@ -42,6 +42,7 @@

    // Poster Cart
    .poster-cart {
+        position: relative;
        display: flex;
        background-color: #fff;
        color: $color-gray;
@@ -75,6 +76,13 @@
        }

        &__right {
+            // Remove Icon
+            .remove {
+                position: absolute;
+                top: 16px;
+                right: 16px;
+            }
+
            // Poster Title
            h3 {
                font-family: $font-serif;