MateusLopes/m3-academy-template-checkout-Mateus-Lopes
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: add estilo na secao entrega

Browse Source
This commit is contained in:
Mateus Antonio Rodrigues Lopes 2022-12-14 23:29:24 -03:00
parent ead9e24584
commit 826aedf58b
2 changed files with 137 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -211,6 +211,7 @@
&.submit {
margin-top: 0 !important;
}
label {
font-size: 14px;
color: $color-gray2;
@ -348,14 +349,148 @@
}
.vtex-omnishipping-1-x-deliveryChannelsToggle {
background-color: #d8c8ac;
border: 1px solid #d8c8ac;
background-color: $color-white;
border: 1px solid $color-black2;
}
.vtex-omnishipping-1-x-deliveryOptionActive {
text-shadow: 1.3px 1px lighten($color-black2, 50);
}
.vtex-omnishipping-1-x-deliveryOptionInactive {
color: $color-gray6;
text-transform: uppercase;
font-size: 14px;
}
.vtex-omnishipping-1-x-deliveryOptionActive {
color: $color-black2;
text-transform: uppercase;
font-size: 14px;
text-shadow: none !important;
}
}
}
}
.shipping-data.active {
#shipping-data .accordion-group {
padding-bottom: 44px;
}
p {
label {
font-weight: 700 !important;
margin-bottom: 3px;
}
}
#ship-country {
font-size: 14px;
height: 45px;
margin-bottom: 12px;
}
#ship-postalCode {
display: block;
min-width: 95.255%;
width: 95%;
height: 35px;
}
.vtex-omnishipping-1-x-addressFormPart1 small {
color: $color-black2;
margin-left: 0 !important;
a {
display: block;
margin-top: 10px;
font-size: 12px;
font-weight: 400;
color: $color-black2 !important;
}
}
.vtex-omnishipping-1-x-deliveryGroup {
margin-top: 25px !important;
p.vtex-omnishipping-1-x-shippingSectionTitle {
font-weight: 700 !important;
color: $color-gray2 !important;
margin-bottom: 11px !important;
}
#delivery-packages-options {
border-radius: 8px;
border-color: $color-gray9;
margin-bottom: 15px;
label {
padding: 14px 12px 12px 12px;
.vtex-omnishipping-1-x-leanShippingText {
border-color: $color-gray9;
.vtex-omnishipping-1-x-leanShippingTextLabel {
font-size: 12px;
font-weight: 400;
color: $color-gray2;
}
.shp-option-text-time span {
color: $color-gray2;
}
}
.vtex-omnishipping-1-x-optionPrice {
padding-left: 14px;
color: $color-gray2;
}
}
}
}
.vtex-omnishipping-1-x-addressForm {
.delivery-address-title {
font-weight: 700 !important;
font-size: 12px;
color: $color-gray2 !important;
}
.address-summary {
border-color: $color-gray9;
border-radius: 8px;
margin-bottom: 15px;
}
}
p.input.ship-number {
width: 100% !important;
margin-bottom: 15px;
}
input#ship-complement {
margin-bottom: 15px;
}
.ship-number,
.ship-complement,
.ship-receiverName {
font-size: 12px !important;
}
.input-mini,
.input-large,
.input-xlarge {
width: 96% !important;
}
.vtex-omnishipping-1-x-address {
margin-bottom: 0 !important;
}
#btn-go-to-payment {
margin-top: 15px !important;
}
}
}

1
checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss
View File

@ -111,7 +111,6 @@ body .container-main.container-order-form .orderform-template.active {
#payment-data {
margin-left: 16px !important;
.accordion-group {
padding-bottom: 28px;
margin-bottom: 17px;
.accordion-heading {