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/footer";
@import "./checkout/checkout.scss";
@import "./partials/prateleira";

54
checkout/src/arquivos/sass/checkout/_checkout.scss
View File

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