feature/checkout #4

Merged
luizfelipe9627 merged 2 commits from feature/checkout into development 2022-12-27 00:00:11 +00:00
Showing only changes of commit ce7ce790be - Show all commits

View File

@ -3,26 +3,21 @@
@import "./checkout-pagamento"; @import "./checkout-pagamento";
@import "./checkout-autenticacao"; @import "./checkout-autenticacao";
.transactions-container {
display: none;
}
html { html {
height: 100%; height: 100%;
min-height: 100%; min-height: 100%;
} }
footer .footerCheckout__wrapper {
width: 94.9734%;
margin: auto auto 0 auto;
}
footer .footerCheckout__prateleira,
header {
width: 79.53125%;
margin: 0 auto;
}
body { body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: 100% !important; min-height: 100% !important;
padding-top: 0 !important; padding-top: 0 !important;
overflow-x: hidden;
@include mq(md, max) { @include mq(md, max) {
padding-left: 0; padding-left: 0;
@ -47,36 +42,49 @@ body {
padding-left: 0; padding-left: 0;
} }
} }
.container-order-form, .container-order-form,
.container-cart { .container-cart {
width: 83.5%;
@include mq(xl, min) {
margin: 0 256px;
width: 80%; width: 80%;
} }
}
.container-main {
min-height: max-content;
display: flex;
align-items: center;
}
} }
.btn-success { .btn-success {
background: $color-black; background: $color-black1;
text-shadow: none; text-shadow: none;
&:hover {
background: lighten($color-black, 15%);
}
} }
.emailInfo h3 { .emailInfo h3 {
color: $color-black !important; color: $color-black1 !important;
} }
#cart-title, #cart-title,
#orderform-title { #orderform-title {
color: $color-gray2;
font-family: $font-family; font-family: $font-family;
font-weight: 500; font-size: 24px;
font-size: 36px; font-weight: 700;
line-height: 42px; line-height: 33px;
margin: 40px 0 30px; letter-spacing: 0.05em;
letter-spacing: 0.1em; color: $color-black2;
margin: 17px 0;
text-transform: uppercase; text-transform: uppercase;
@include mq(xl, min) {
font-size: 48px;
line-height: 65px;
}
@include mq(md, max) { @include mq(md, max) {
margin-left: 30px; margin-left: 30px;
} }