luizfelipe9627/m3-academy-template-checkout-luiz-felipe
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request 'feature/checkout' (#4) from feature/checkout into development

Browse Source 
Reviewed-on: #4
This commit is contained in:
Luiz Felipe Silva 2022-12-27 00:00:10 +00:00
commit e55b646406
2 changed files with 32 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
checkout/src/arquivos/sass/checkout.scss
View File

@ -3,3 +3,4 @@
@import "./partials/header"; @import "./partials/header";
@import "./partials/footer"; @import "./partials/footer";
@import "./checkout/checkout.scss"; @import "./checkout/checkout.scss";
@import "./partials/prateleira";

52
checkout/src/arquivos/sass/checkout/_checkout.scss
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;
} }