feat(minicart): Adiciona css do minicart

This commit is contained in:
amanda almeida 2022-12-07 18:53:21 -03:00
parent 6120aac303
commit 03b20eb85f
3 changed files with 46 additions and 2 deletions

View File

@ -69,6 +69,50 @@
height: 19px; height: 19px;
margin: 0 24px; margin: 0 24px;
background: $white-500; background: $white-500;
}
}
&__minicart-button {
display: flex;
align-items: center;
position: relative;
padding: 0;
border: 0;
outline: 0;
background: transparent;
.portal-totalizers-ref {
.title,
.amount-products,
.amount-items strong,
.amount-kits,
.total-cart {
display: none;
}
}
.card-info {
margin: 0;
}
.amount-items-em {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 4px;
right: -4px;
width: 15px;
height: 15px;
border-radius: 50%;
font-size: 9px;
line-height: 11px;
font-weight: bold;
font-style: normal;
color: $white-500;
background: $blue-500;
} }
} }

View File

@ -9,7 +9,7 @@ $font-height: 1.5;
// colors // colors
$black-500: #000; $black-500: #000;
$white-500: #fff; $white-500: #fff;
$blue-500: #00C8FF;
// universal // universal
// Grid breakpoints // Grid breakpoints

View File

@ -14,7 +14,7 @@
><i class="sprite sprite-user-icon"></i ><i class="sprite sprite-user-icon"></i
></a> ></a>
<button aria-label="Bag"> <button aria-label="Bag" class="user-items__minicart-button">
<i class="sprite sprite-bag-icon"></i> <i class="sprite sprite-bag-icon"></i>
<vtex.cmc:AmountItemsInCart /> <vtex.cmc:AmountItemsInCart />
</button> </button>