Add cross (remove) icon to poster cart

This commit is contained in:
2021-11-05 22:41:02 +01:00
parent 01a87cc0cf
commit 163fbe75db
3 changed files with 21 additions and 7 deletions

View File

@@ -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;

View File

@@ -3,7 +3,8 @@
// Cart
.cart {
display: flex;
// display: flex;
// display: none;
position: fixed;
z-index: 100;
top: 72px;
@@ -80,7 +81,6 @@
// Cart
&__cart {
display: none;
position: relative;
@include bp (sm) {
@@ -308,7 +308,7 @@
// Posters
&__posters {
background-color: $color-primary-darker;
padding: 56px 20px 72px;
padding: 0 20px 72px;
border-bottom: solid 1px $color-primary-tertiary20 ;
@include bp (sm) {