Douglas-Vinicius-Nobrega/m3-academy-template-checkout-Douglas-Nobrega
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feature(carrinho) Tela do meu carrinho finalizada

Browse Source
This commit is contained in:
Douglas Vinicius Nobrega 2022-12-18 01:30:55 -03:00
parent 51fa6f2538
commit cabf305f03
1 changed files with 31 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
View File

@ -111,13 +111,13 @@
}
.shipping-estimate-date {
font-size: 0px;
font-size: 0px !important;
&:before {
content: "a calcular";
font-size: 12px;
}
&.shipping-estimate-detail {
font-size: 0px;
font-size: 0px !important;
}
}
@ -426,9 +426,10 @@
}
.srp-pickup-my-location__button {
background-color: $color-black;
background-color: $color-blue-figma;
font-family: $font-family;
border: none;
border-radius: 5px;
border-radius: 8px;
color: $color-white;
outline: none;
width: 100%;
@ -436,7 +437,7 @@
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 16px;
line-height: 19px;
letter-spacing: 0.05em;
&:hover {
@ -455,6 +456,7 @@
&__wrapper {
background-color: $color-white;
border-radius: 100px;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
width: 100%;
font-family: $font-family;
font-style: normal;
@ -462,20 +464,15 @@
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
/*&:before {
content: "Calcular";
font-size: 16px;
}*/
}
&__current {
border: 1px solid $color-blue;
border: 1px solid $color-black;
border-radius: 100px;
}
.blue {
color: $color-blue;
color: $color-black;
}
label {
@ -488,6 +485,9 @@
}
.srp-postal-code {
.ship-country {
display: none;
}
.ship-postalCode {
label {
font-family: $font-family;
@ -500,7 +500,7 @@
}
input {
border: 1px solid $color-gray3;
border: 1px solid #c4c4c4;
border-radius: 5px;
box-shadow: none;
color: $color-gray3;
@ -511,13 +511,15 @@
}
& ~ button {
background-color: $color-black;
background-color: $color-blue-figma;
font-family: $font-family;
border: none;
border-radius: 5px;
border-radius: 8px;
color: $color-white;
font-size: 12px;
font-size: 14px;
font-weight: 700;
height: 36px;
letter-spacing: 1px;
letter-spacing: 0.05em;
outline: none;
position: absolute;
right: -150px;
@ -536,13 +538,20 @@
}
small a {
font-family: $font-family;
font-size: 0px !important;
font-family: $font-family-secundary;
font-style: normal;
font-weight: normal;
font-size: 10px;
line-height: 12px;
color: $color-blue;
color: $color-black;
margin-top: 7px;
&:before {
content: "Não sei meu código postal";
font-size: 10px;
color: $color-black;
}
}
span.help.error {
@ -673,8 +682,9 @@
margin-bottom: 32px;
display: flex;
.coupon-fields span {
span {
display: flex;
align-items: center;
gap: 15px;
}
@ -720,7 +730,7 @@
line-height: 19px;
height: 36px;
letter-spacing: 1px;
margin-left: -8px;
margin-left: -90px;
outline: none;
transition: all 0.2s linear;
width: 134px;