cainamilech/m3-academy-template-checkout-caina-milech
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: Adiciona shipping area

Browse Source
This commit is contained in:
Cainã Milech 2022-12-13 19:46:15 -03:00
parent c80f708597
commit 497f47e65e
1 changed files with 103 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

106
checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss
View File

@ -487,6 +487,20 @@ h1#orderform-title {
border-radius: 3px;
}
}
.form-step.box-info {
margin-top: 11px;
.client-profile-email {
margin-bottom: 6px;
}
.client-profile-summary {
.name {
margin-bottom: 6px;
}
}
}
}
.payment-data {
@ -533,13 +547,52 @@ h1#orderform-title {
}
}
.step.accordion-group.shipping-data {
padding: 17px;
}
#shipping-data {
.vtex-omnishipping-1-x-deliveryChannelsWrapper {
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
border-radius: 100px;
margin-bottom: 25px;
.shipping-method-toggle {
background-color: $color-white;
}
#shipping-option-delivery {
border: 1px solid #292929;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
border-radius: 100px;
color: #41115d;
text-shadow: none;
}
#shipping-option-pickup-in-point {
color: #c4c4c4;
}
}
.input.ship-country.text {
display: none;
}
#ship-postalCode {
min-width: 100%;
}
}
.cart-fixed.affix-top.cart-fixed-transition {
border: 1px solid red;
border: 1px solid $color-gray5;
margin-top: 10px;
padding: 24px 17px;
padding: 24px 0px;
border-radius: 8px;
h2 {
padding: 0;
margin-bottom: 34px;
margin-left: 17px;
margin-right: 17px;
text-align: start;
font-family: $font-family-secundary;
font-style: normal;
@ -549,7 +602,8 @@ h1#orderform-title {
color: $color-black;
}
.cart {
padding: 0;
padding: 0 17px;
border: 0;
li {
display: flex;
@ -599,5 +653,51 @@ h1#orderform-title {
font-weight: 400;
font-size: 12px;
line-height: 16px;
margin-right: 17px;
}
.accordion-group {
tr {
border-top: 1px solid $color-gray9;
display: flex;
td {
&.empty {
}
&.info,
&.monetary {
font-family: $font-family;
color: $color-gray2;
font-weight: 400;
font-size: 14px;
line-height: 19px;
}
&.info {
margin-left: 17px;
}
&.monetary {
margin-right: 17px;
}
}
}
tfoot {
td.info,
td.monetary {
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 25px;
color: $color-black;
}
td.monetary {
font-size: 14px;
line-height: 19px;
}
}
}
}