NicollyVieira/m3-academy-template-checkout-nicolly-vieira
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: corrige estilos do checkout

Browse Source
This commit is contained in:
Nicolly Vieira Santos Costa 2022-12-18 18:12:46 -03:00
parent cad45f520e
commit fa319b7e03
6 changed files with 87 additions and 934 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
checkout/src/arquivos/js/components/Footer.js
View File

@ -11,10 +11,10 @@ export default class Footer {
await this.selectors(); await this.selectors();
await this.criaStamps(); await this.criaStamps();
await this.criaDevelopedBy(); await this.criaDevelopedBy();
// this.verificaListaDeProdutos(); this.criaPrateleira();
this.verificaListaDeProdutos(); this.verificaListaDeProdutos();
this.onUpdate(); this.onUpdate();
// this.addCarrossel();
} }
async selectors() { async selectors() {
@ -36,14 +36,19 @@ export default class Footer {
let config = { attributes: true, attributeOldValue: true, attributeFilter: ["style"] }; let config = { attributes: true, attributeOldValue: true, attributeFilter: ["style"] };
let changeAttrName; let changeAttrName;
const tituloCheckoutVazio = document.querySelector("#cart-title");
let observer = new MutationObserver((mutations) => { let observer = new MutationObserver((mutations) => {
console.log(mutations);
mutations.forEach((mutation) => { mutations.forEach((mutation) => {
changeAttrName = mutation.target.style; changeAttrName = mutation.target.style;
if (changeAttrName.display == "block") { if (changeAttrName.display == "block") {
this.prateleira.style.display = "none"; this.prateleira.innerHTML = "";
tituloCheckoutVazio.style.display = "none";
} else if (changeAttrName.display == "none") { } else if (changeAttrName.display == "none") {
this.prateleira.style.display = "block"; tituloCheckoutVazio.style.display = "block";
this.criaPrateleira();
} }
}); });
}); });
@ -61,7 +66,7 @@ export default class Footer {
async addCarrossel() { async addCarrossel() {
const prateleiraSlick = await waitElement(".prateleira"); const prateleiraSlick = await waitElement(".prateleira");
$(prateleiraSlick).slick({ $(prateleiraSlick).not('.slick-initialized').slick({
slidesToShow: 4, slidesToShow: 4,
slidesToScroll: 1, slidesToScroll: 1,
responsive: [ responsive: [
@ -74,14 +79,14 @@ export default class Footer {
{ {
breakpoint: 600, breakpoint: 600,
settings: { settings: {
slidesToShow: 2 slidesToShow: 2,
} },
} },
], ],
}); });
} }
async criaPrateleira() { criaPrateleira() {
let estrutura = ""; let estrutura = "";
let estruturaSkus = ""; let estruturaSkus = "";
if (this.prateleira) { if (this.prateleira) {
@ -117,19 +122,11 @@ export default class Footer {
verificaListaDeProdutos() { verificaListaDeProdutos() {
const tituloCheckoutVazio = document.querySelector("#cart-title"); const tituloCheckoutVazio = document.querySelector("#cart-title");
if ( if (this.checkoutVazio.style.display === "block") {
window.location.href === "https://m3academy.myvtex.com/checkout/#/cart" &&
(this.checkoutVazio.style.display = "none")
) {
console.log("Checkout vazio none");
this.criaPrateleira();
tituloCheckoutVazio.style.display = "block";
} else if (this.checkoutVazio.style.display === "block") {
console.log("Checkout vazio block");
this.prateleira.innerHTML = ""; this.prateleira.innerHTML = "";
tituloCheckoutVazio.style.display = "none"; tituloCheckoutVazio.style.display = "none";
} }
} }
carregaProdutos() { carregaProdutos() {
@ -198,7 +195,7 @@ export default class Footer {
</a> </a>
</li> </li>
<li> <li>
<a href="https://m3.com/"> <a href="https://m3ecommerce.com/">
<span>Developed by</span> <span>Developed by</span>
<img class="m3" src="https://agenciamagma.vteximg.com.br/arquivos/logoM3M3Academy.png"/> <img class="m3" src="https://agenciamagma.vteximg.com.br/arquivos/logoM3M3Academy.png"/>
</a> </a>

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

@ -7,7 +7,6 @@
flex-direction: column; flex-direction: column;
} }
//Codigo para todos
.orderform-template-holder { .orderform-template-holder {
.payment-data { .payment-data {
@include mq(tablet, max) { @include mq(tablet, max) {
@ -73,7 +72,7 @@
padding: 0; padding: 0;
.shipping-summary-info, .shipping-summary-info,
.notification { .notification {
padding: 15px 0 0; padding: 0;
font-family: "Open Sans"; font-family: "Open Sans";
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
@ -326,7 +325,6 @@
} }
} }
} }
//Identificação
.client-profile-data { .client-profile-data {
&.accordion-group { &.accordion-group {
@include mq(tablet, max) { @include mq(tablet, max) {
@ -357,7 +355,7 @@
&.filled { &.filled {
.accordion-body { .accordion-body {
.accordion-inner { .accordion-inner {
padding: 25px 0 0 0; padding: 15px 0 0 0;
.box-step { .box-step {
.client-profile-email { .client-profile-email {
@ -546,7 +544,6 @@
} }
} }
} }
//entrega
.shipping-data { .shipping-data {
@include mq(tablet, max) { @include mq(tablet, max) {
margin: 18px 0 17px; margin: 18px 0 17px;
@ -596,15 +593,6 @@
.address-summary { .address-summary {
margin-bottom: 25px; margin-bottom: 25px;
span {
&:nth-child(3) {
display: none;
}
&:nth-child(5) {
display: none;
}
}
} }
} }
} }
@ -743,8 +731,49 @@
border-radius: 8px; border-radius: 8px;
margin-bottom: 15px; margin-bottom: 15px;
.vtex-omnishipping-1-x-leanShippingOption {
&::before {
position: relative;
content: "";
background-image: url(" https://agenciamagma.vteximg.com.br/arquivos/icon-radios-input-M3Academy.png");
top: 0;
left: 0;
width: 18px;
height: 18px;
background-repeat: no-repeat;
background-size: 100%;
@include mq(desktop4K, min) {
width: 34.95px;
height: 34.95px;
}
}
.vtex-omnishipping-1-x-svg {
opacity: 0;
display: none;
}
}
.vtex-omnishipping-1-x-leanShippingOptionActive { .vtex-omnishipping-1-x-leanShippingOptionActive {
background: $gray-000; background: $gray-000;
&::before {
position: relative;
content: "";
background-image: url(" https://agenciamagma.vteximg.com.br/arquivos/icon-radios-input-Active-M3Academy.png");
top: 0;
left: 0;
width: 18px;
height: 18px;
background-repeat: no-repeat;
background-size: 100%;
@include mq(desktop4K, min) {
width: 34.95px;
height: 34.95px;
}
}
} }
.vtex-omnishipping-1-x-leanShippingOption { .vtex-omnishipping-1-x-leanShippingOption {
@ -808,8 +837,7 @@
border-radius: 8px; border-radius: 8px;
background: none; background: none;
padding: 15px 13px 14px 11px; padding: 15px 13px 14px 11px;
box-sizing: border-box;
margin-bottom: 15px;
&::before { &::before {
content: ""; content: "";
@ -882,6 +910,7 @@
width: 100%; width: 100%;
height: 35px; height: 35px;
margin-bottom: 15px; margin-bottom: 15px;
border-radius: 8px;
@include mq(desktop4K, min) { @include mq(desktop4K, min) {
height: 61px; height: 61px;
@ -1044,6 +1073,4 @@
} }
} }
} }
// .client-profile-data, .shiping-data,
// .payment-data {
} }

823
checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
View File

@ -1,11 +1,9 @@
.row-fluid .full-cart.active { .row-fluid .full-cart.active {
margin: 0 0 43.42px; margin: 0 0 43.42px;
// width: 100%;
} }
// body .checkout-container {
// width: 100%;
// }
.cart-template { .cart-template {
.cart { .cart {
@ -600,7 +598,8 @@
} }
tr { tr {
// border-bottom: 1px solid $gray-300;
td { td {
font-family: "Tenor Sans"; font-family: "Tenor Sans";
@ -822,817 +821,3 @@
.transactions-container { .transactions-container {
display: none; display: none;
} }
// -------------------------
// .container {
// @include mq(md, max) {
// width: 100%;
// }
// }
// .cart-template {
// font-family: $font-family;
// @include mq(md, max) {
// padding: 0 0;
// }
// .item-unit-label {
// display: none;
// }
// .cart {
// border: 3px solid $color-gray3;
// box-sizing: border-box;
// border-radius: 5px;
// padding: 16px;
// @include mq(md, max) {
// margin: 0px 0 25px 0;
// border-left: none;
// border-right: none;
// border-radius: 0;
// }
// }
// .cart-fixed.affix {
// position: relative !important;
// }
// .cart-fixed {
// font-family: $font-family;
// width: 100%;
// h2 {
// background: $color-white;
// border: none;
// color: #303030;
// font-size: 14px;
// font-weight: 500;
// }
// .item-unavailable {
// padding: 0;
// &-message {
// padding: 8px;
// }
// }
// .cart {
// border: 1px solid $color-gray4;
// ul li {
// border-top: none;
// margin-top: 0;
// padding-top: 0;
// &:not(:first-child) {
// margin-top: 8px;
// padding-top: 8px;
// border-top: 1px solid #e5e5e5;
// }
// .shipping-date,
// .price {
// color: #7d7d7d;
// }
// }
// }
// .summary-template-holder {
// border-top: none;
// background: $color-white;
// }
// #go-to-cart-button a {
// color: #303030;
// text-decoration: underline;
// }
// .summary-totalizers {
// td.info {
// width: 100%;
// }
// }
// #payment-data-submit {
// background: $color-black;
// border: none;
// border-radius: 0;
// color: $color-white;
// outline: none;
// transition: all 0.2s linear;
// &:hover {
// background: lighten($color-black, 5);
// }
// &:active {
// background: darken($color-black, 5);
// }
// }
// }
// .lookatme {
// background-color: $color-white;
// }
// .cart-items {
// .product-item {
// padding: 16px 0;
// }
// th {
// color: $color-black;
// padding: 0 0 16px;
// font-style: normal;
// font-weight: bold;
// font-size: 14px;
// line-height: 16px;
// @include mq(md, max) {
// &.quantity-price,
// &.shipping-date {
// display: none;
// }
// }
// }
// .product-image {
// height: auto;
// padding: 0;
// width: 60px;
// @include mq(sm, max) {
// width: 72px;
// }
// img {
// height: 60px;
// max-width: 100%;
// width: auto;
// @include mq(sm, max) {
// height: 72px;
// width: auto;
// }
// }
// }
// .product-name {
// padding-right: 0;
// @include mq(lg, max) {
// width: 250px;
// }
// a {
// color: $color-blue;
// font-style: normal;
// font-weight: normal;
// font-size: 12px;
// line-height: 14px;
// transition: ease-in 0.22s all;
// &:hover {
// color: darken($color-blue, 10);
// text-decoration: none;
// }
// @media (max-width: 490px) {
// margin-left: 23px;
// }
// }
// .brand,
// .seller {
// display: none !important;
// }
// }
// td.shipping-date {
// color: $color-gray2;
// font-size: 12px;
// line-height: 14px;
// @include mq(md, max) {
// display: none;
// }
// }
// .product-price {
// min-width: 100px;
// @include mq(md, max) {
// min-width: 78px;
// }
// @media (max-width: 490px) {
// position: absolute;
// bottom: 0;
// right: 0;
// }
// span.list-price {
// color: $color-gray2;
// font-size: 12px;
// line-height: 14px;
// text-decoration-line: line-through;
// @include mq(sm, max) {
// font-size: 12px;
// line-height: 14px;
// }
// .old-product-price-label {
// text-transform: lowercase;
// }
// }
// }
// td.quantity {
// align-items: center;
// border: 1px solid $color-gray3;
// border-radius: 0;
// box-sizing: border-box;
// display: flex;
// justify-content: center;
// margin: 6px auto 0;
// max-height: 38px;
// max-width: 118px;
// padding: 0;
// width: max-content !important;
// @media (max-width: 490px) {
// margin-left: 84px !important;
// }
// input {
// background-color: $color-white;
// border: 1px solid $color-gray3;
// border-radius: 0;
// border-width: 0 1px;
// display: block;
// max-height: 38px;
// margin: 0 !important;
// padding: 8px 0;
// width: 38px;
// color: $color-gray2;
// box-shadow: none;
// @include mq(lg, max) {
// width: 24px !important;
// }
// }
// .icon-plus-sign,
// .icon-minus-sign {
// &::before {
// color: $color-black;
// display: block;
// font-weight: 500;
// padding: 1px 12px;
// }
// }
// .icon-minus-sign {
// &:before {
// content: "-";
// font-size: 16px;
// }
// }
// .icon-plus-sign {
// &:before {
// content: "+";
// font-size: 14px;
// }
// }
// .item-quantity-change {
// @media (max-width: 979px) and (min-width: 768px) {
// position: inherit;
// bottom: inherit;
// left: inherit;
// height: inherit;
// width: inherit;
// top: inherit;
// }
// @media (max-width: 490px) {
// padding: 0;
// }
// }
// }
// .quantity-price,
// .best-price {
// .icon-question-sign {
// display: none;
// }
// span {
// font-style: normal;
// font-weight: normal;
// font-size: 14px;
// line-height: 16px;
// color: $color-black;
// }
// }
// .quantity-price {
// @include mq(md, max) {
// display: none;
// }
// }
// .item-remove {
// @media (max-width: 490px) {
// top: 0;
// }
// .icon::before {
// color: $color-gray4;
// font-size: 15px;
// @include mq(md, max) {
// font-size: 18px;
// }
// }
// }
// .item-unavailable-message {
// background-color: #d8c8ac;
// color: $color-white;
// .icon-warning-sign {
// color: #bb4f4f;
// }
// .top-arrow {
// border-bottom-color: #d8c8ac;
// }
// }
// }
// .summary {
// .cart-more-options {
// margin: 0;
// width: max-content;
// .srp-container {
// padding: 0 0 0 10px;
// @include mq(md, max) {
// padding: 0 16px;
// }
// .srp-main-title {
// margin: 32px 0 12px;
// font-style: normal;
// font-weight: normal;
// font-size: 24px;
// line-height: 28px;
// color: $color-gray2;
// @include mq(md, max) {
// margin-top: 0;
// }
// }
// .srp-description {
// color: $color-gray2;
// font-size: 12px;
// line-height: 18px;
// margin: 0 0 12px;
// }
// button.shp-open-options {
// background-color: $color-gray5;
// border: none;
// border-radius: 5px;
// color: $color-gray2;
// font-size: 16px;
// letter-spacing: 0.05em;
// line-height: 19px;
// font-weight: 500;
// outline: none;
// padding: 12px 40px;
// transition: all 0.2s linear;
// &:hover {
// background-color: lighten($color-gray5, 5);
// }
// &:active {
// background-color: darken($color-gray5, 5);
// }
// }
// }
// .srp-data {
// width: 280px;
// @include mq(cstm, max) {
// width: calc(100vw - 32px);
// }
// @include mq(md, max) {
// margin-bottom: 40px;
// }
// .srp-pickup-my-location__button {
// background-color: $color-black;
// border: none;
// border-radius: 5px;
// color: $color-white;
// outline: none;
// width: 100%;
// font-style: normal;
// font-weight: 500;
// font-size: 14px;
// line-height: 16px;
// letter-spacing: 0.05em;
// &:hover {
// background-color: lighten($color-black, 5);
// }
// &:active {
// background-color: darken($color-black, 5);
// }
// }
// }
// .srp-toggle {
// margin: 0 0 34px;
// &__wrapper {
// background-color: $color-white;
// border-radius: 100px;
// width: 100%;
// font-family: $font-family;
// font-style: normal;
// font-weight: normal;
// font-size: 14px;
// line-height: 16px;
// text-transform: uppercase;
// }
// &__current {
// border: 1px solid $color-blue;
// border-radius: 100px;
// }
// .blue {
// color: $color-blue;
// }
// label {
// width: 50%;
// &:active {
// background-color: #f0f0f0;
// }
// }
// }
// .srp-postal-code {
// .ship-postalCode {
// label {
// font-family: $font-family;
// font-style: normal;
// font-weight: normal;
// font-size: 12px;
// line-height: 14px;
// color: $color-black;
// margin-bottom: 12px;
// }
// input {
// border: 1px solid $color-gray3;
// border-radius: 5px;
// box-shadow: none;
// color: $color-gray3;
// font-size: 12px;
// height: 36px;
// padding: 12px 8px;
// width: 172px;
// }
// & ~ button {
// background-color: $color-black;
// border: none;
// border-radius: 5px;
// color: $color-white;
// font-size: 12px;
// height: 36px;
// letter-spacing: 1px;
// outline: none;
// position: absolute;
// right: -150px;
// top: 36px;
// transition: all 0.2s linear;
// width: 96px;
// text-transform: uppercase;
// &:hover {
// background-color: lighten($color-black, 5);
// }
// &:active {
// background-color: darken($color-black, 5);
// }
// }
// small a {
// font-family: $font-family;
// font-style: normal;
// font-weight: normal;
// font-size: 10px;
// line-height: 12px;
// color: $color-blue;
// margin-top: 7px;
// }
// span.help.error {
// color: red;
// font-size: 12px;
// position: absolute;
// left: 0;
// width: 100%;
// top: 17px;
// }
// }
// }
// .srp-result {
// strong,
// .srp-items {
// color: #303030;
// font-weight: 400;
// font-size: 14px;
// }
// #deliver-at-text a {
// color: #303030;
// font-size: 16px;
// font-weight: 500;
// &:hover {
// text-decoration: underline;
// }
// }
// .srp-shipping-current-single {
// border: 1px solid $color-gray4;
// border-radius: 0;
// color: #303030;
// margin: 16px 0 0;
// padding: 4px 12px;
// svg path {
// fill: #d8c8ac;
// }
// }
// .srp-delivery-select {
// border: 1px solid $color-gray4;
// }
// .srp-delivery-select-container {
// border: 1px solid $color-gray4;
// border-radius: 0;
// .srp-shipping-current-many {
// &__name {
// color: #303030;
// }
// &__sla {
// color: #7d7d7d;
// }
// &__price {
// color: #7d7d7d;
// font-weight: 500;
// }
// &__arrow svg {
// fill: $color-gray4;
// }
// }
// }
// }
// }
// &-totalizers {
// padding: 0;
// width: 346px;
// .coupon-data {
// #cart-link-coupon-add {
// text-decoration: none;
// &:hover {
// text-decoration: underline;
// cursor: pointer;
// }
// }
// span {
// font-family: $font-family;
// font-style: normal;
// font-weight: normal;
// font-size: 12px;
// line-height: 14px;
// color: $color-blue;
// text-decoration: none;
// }
// }
// @include mq(md, max) {
// padding: 0 16px;
// width: 100%;
// }
// .coupon-column {
// .coupon {
// margin: 0;
// }
// .link-coupon-add {
// color: #303030;
// font-size: 12px;
// text-decoration: underline;
// }
// .coupon-label label {
// margin-bottom: 12px;
// font-family: $font-family;
// font-style: normal;
// font-weight: normal;
// font-size: 12px;
// line-height: 14px;
// color: $color-gray2;
// cursor: none;
// }
// .coupon-fields {
// margin-bottom: 32px;
// @include mq(sm, max) {
// span {
// display: flex;
// flex-direction: row;
// justify-content: space-between;
// i {
// position: absolute;
// right: 91px;
// opacity: 1;
// }
// }
// }
// input {
// border: 2px solid $color-gray3;
// border-radius: 5px;
// box-shadow: none;
// color: $color-gray4;
// font-size: 12px;
// height: 34px;
// padding: 0 12px;
// max-width: 160px;
// @include mq(sm, max) {
// max-width: 100%;
// width: 100%;
// }
// }
// button {
// background: $color-black;
// border: none;
// border-radius: 5px;
// color: $color-white;
// font-size: 12px;
// height: 36px;
// letter-spacing: 1px;
// margin-left: 6px;
// outline: none;
// transition: all 0.2s linear;
// width: 94px;
// text-transform: uppercase;
// @include mq(md, max) {
// width: 138px;
// }
// &:hover {
// background-color: lighten($color-black, 5);
// }
// &:active {
// background-color: darken($color-black, 5);
// }
// }
// }
// }
// .accordion-group {
// tr {
// border-color: #e5e5e5;
// td {
// &.empty {
// display: none;
// }
// &.info,
// &.monetary {
// font-style: normal;
// font-weight: normal;
// font-size: 14px;
// line-height: 16px;
// color: $color-black;
// padding: 12px 0;
// }
// &.info {
// text-align: left;
// }
// &.monetary {
// text-align: right;
// }
// }
// }
// tfoot {
// td.info,
// td.monetary {
// font-style: normal;
// font-weight: normal;
// font-size: 18px;
// line-height: 21px;
// color: $color-black;
// }
// }
// }
// }
// }
// .cart-links-bottom {
// display: flex;
// flex-direction: column;
// width: 343px;
// @include mq(md, max) {
// padding: 0 16px;
// width: calc(100% - 32px);
// float: none;
// margin-bottom: 50px;
// }
// @include mq(md, min) {
// margin: 0;
// padding-bottom: 50px;
// }
// .link-choose-more-products-wrapper {
// display: block;
// text-align: center;
// margin-bottom: 16px;
// @include mq(md, max) {
// margin-bottom: 0px;
// }
// a {
// font-family: $font-family;
// font-style: normal;
// font-weight: normal;
// font-size: 12px;
// line-height: 14px;
// color: $color-blue;
// }
// }
// .btn-place-order-wrapper {
// a {
// background: $color-green;
// border: none;
// border-radius: 5px;
// display: block;
// font-size: 0;
// transition: ease-in 0.22s all;
// padding: 12px 19px;
// &:hover {
// background-color: darken($color-green, 5);
// }
// &:after {
// content: "finalizar compra";
// font-family: $font-family;
// font-weight: 500;
// font-size: 13px;
// letter-spacing: 0.05em;
// color: $color-white;
// text-transform: uppercase;
// vertical-align: middle;
// line-height: 19px;
// text-shadow: none;
// }
// }
// }
// }
// }

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

@ -2,15 +2,15 @@ body .container-main.container-order-form .orderform-template.active {
.mini-cart { .mini-cart {
width: 32.3242%; width: 32.3242%;
margin-left: unset; margin-left: unset;
// margin-right: 0; margin-right: 0;
float: right; float: right;
// border: 1px solid #e5e5e5; border: 1px solid #e5e5e5;
padding: 24px 17px 0;
border-radius: 8px;
@include mq(tablet, max) { @include mq(tablet, max) {
padding: 24px 17px 22px;
margin: 17px 16px 0 16px; margin: 17px 16px 0 16px;
width: auto; width: auto;
border-radius: 8px;
} }
.cart-fixed { .cart-fixed {
@ -25,10 +25,8 @@ body .container-main.container-order-form .orderform-template.active {
} }
@include mq(desktop4K, min) { @include mq(desktop4K, min) {
// min-width: none;
max-width: none; max-width: none;
} }
// padding: 24px 17px;
h2 { h2 {
background-color: transparent; background-color: transparent;
text-align: start; text-align: start;
@ -146,6 +144,7 @@ body .container-main.container-order-form .orderform-template.active {
padding: 0; padding: 0;
.summary-totalizers { .summary-totalizers {
margin: 0;
.table { .table {
tr { tr {
border-top: 1px solid $gray-400; border-top: 1px solid $gray-400;
@ -172,6 +171,10 @@ body .container-main.container-order-form .orderform-template.active {
} }
tfoot { tfoot {
tr {
border-bottom: none;
}
.info, .info,
.monetary { .monetary {
font-family: "Open Sans"; font-family: "Open Sans";
@ -190,6 +193,9 @@ body .container-main.container-order-form .orderform-template.active {
} }
} }
.payment-confirmation-wrap { .payment-confirmation-wrap {
padding: 0;
border: none;
margin-bottom: 100px;
p { p {
margin: 0; margin: 0;
} }

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

@ -50,21 +50,6 @@ body {
} }
} }
// &.body-cart,
// &.body-order-form {
// @include mq(xl, min) {
// padding-top: 0;
// }
// @include mq(lg, max) {
// padding-bottom: 0 !important;
// }
// @include mq(md, max) {
// padding-right: 0;
// padding-left: 0;
// }
// }
.container-order-form, .container-order-form,
.container-cart { .container-cart {
width: 80%; width: 80%;
@ -182,7 +167,7 @@ body {
text-transform: uppercase; text-transform: uppercase;
color: $black-500; color: $black-500;
margin: 0; margin: 100px 0 0;
@include mq(tablet, max) { @include mq(tablet, max) {
font-size: 18px; font-size: 18px;

61
checkout/src/arquivos/sass/partials/_footer.scss
View File

@ -231,7 +231,6 @@
@include mq(tablet, max) { @include mq(tablet, max) {
order: 3; order: 3;
// width: 21.527777%;
margin: 0 16px 16px; margin: 0 16px 16px;
justify-content: flex-start; justify-content: flex-start;
} }
@ -256,65 +255,19 @@
.vtex { .vtex {
width: 44.92px; width: 44.92px;
margin-left: 10.12px; margin-left: 10.12px;
@include mq(desktop4K, min) {
width: 87.73px;
}
} }
.m3 { .m3 {
width: 28.66px; width: 28.66px;
margin-left: 10.97px; margin-left: 10.97px;
@include mq(desktop4K, min) {
width: 55.98px;
}
} }
} }
} }
// &__developedBy {
// box-sizing: border-box;
// display: flex;
// align-items: center;
// justify-content: space-between;
// list-style-type: none;
// margin: 0;
// width: 17.851%;
// min-width: 205px;
// @include mq(tablet, max) {
// order: 3;
// width: 21.527777%;
// margin: 0 16px 16px;
// justify-content: flex-start;
// }
// li {
// width: 50%;
// @include mq(tablet, max) {
// width: auto;
// }
// }
// a {
// display: flex;
// align-items: center;
// justify-content: flex-end;
// gap: 10px;
// font-family: "Open Sans";
// font-weight: 400;
// font-size: 9px;
// line-height: 12px;
// color: $black-300;
// img {
// width: 20px;
// }
// .vtex {
// width: 36.3%;
// }
// .m3 {
// width: 30.75%;
// }
// }
// }
} }