HenriqueSantosSantana/m3-academy-template-checkout-henrique-santos-santana
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

develop #11

Merged
HenriqueSantosSantana merged 37 commits from develop into main 2022-12-26 17:04:35 +00:00
Conversation 0 Commits 37 Files Changed 17 +120 -44
3 changed files with 120 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 5ac8c77b79 - Show all commits

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

@ -1,10 +1,15 @@
.container-cart.container-cart-fill {
width: 100%;
#cart-title {
display: flex !important;
}
@mixin btn-primary-blue-black() {
border: none;
color: $clr-common-black;
background: $clr-primary-blue-500;
}
@mixin btn-primary-blue-white() {
border: none;
color: $clr-common-white;
background: $clr-primary-blue-500;
}
.cart-template {
font-family: $font-family-100;
@include mq(md, max) {
@ -342,6 +347,7 @@
.summary {
.cart-more-options {
margin: 0;
float: none;
width: max-content;
.srp-container {
@ -401,15 +407,10 @@
width: calc(100vw - 32px);
}
@include mq(md, max) {
margin-bottom: 40px;
}
.srp-pickup-my-location__button {
background-color: $clr-gray-600;
border: none;
@include btn-primary-blue-white();
border-radius: 5px;
color: $clr-common-white;
outline: none;
width: 100%;
@ -445,12 +446,12 @@
}
&__current {
border: 1px solid $clr-blue-500;
border: 1px solid $clr-common-black;
border-radius: 100px;
}
.blue {
color: $clr-blue-500;
color: $clr-common-black;
}
label {
@ -482,23 +483,17 @@
font-size: 12px;
height: 36px;
padding: 12px 8px;
width: 172px;
}
& ~ button {
background-color: $clr-gray-600;
border: none;
@include btn-primary-blue-white();
border-radius: 5px;
color: $clr-common-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 {
@ -591,9 +586,10 @@
}
}
&-totalizers {
&-totalizers.totalizers {
padding: 0;
width: 346px;
float: none;
.coupon-data {
#cart-link-coupon-add {
@ -609,7 +605,6 @@
font-weight: normal;
font-size: 12px;
line-height: 14px;
color: $clr-blue-500;
text-decoration: none;
}
}
@ -674,10 +669,9 @@
}
button {
background: $clr-gray-600;
border: none;
@include btn-primary-blue-white();
border-radius: 5px;
color: $clr-common-white;
font-size: 12px;
height: 36px;
letter-spacing: 1px;
@ -716,6 +710,7 @@
font-style: normal;
font-weight: normal;
font-size: 14px;
font-family: $font-family-200;
line-height: 16px;
color: $clr-gray-600;
padding: 12px 0;
@ -732,21 +727,25 @@
}
tfoot {
td.info,
td.monetary {
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 21px;
color: $clr-gray-600;
tr {
td.info,
td.monetary {
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 21px;
font-family: $font-family-100;
color: $clr-gray-600;
}
}
}
}
}
}
.cart-links-bottom {
.cart-links-bottom.cart-links {
display: flex;
float: none;
flex-direction: column;
width: 343px;
@ -777,14 +776,13 @@
font-weight: normal;
font-size: 12px;
line-height: 14px;
color: $clr-blue-500;
}
}
.btn-place-order-wrapper {
a {
background: $clr-green-500;
border: none;
@include btn-primary-blue-black();
border-radius: 5px;
display: block;
font-size: 0;
@ -800,8 +798,8 @@
font-family: $font-family-100;
font-weight: 500;
font-size: 13px;
color: inherit;
letter-spacing: 0.05em;
color: $clr-common-white;
text-transform: uppercase;
vertical-align: middle;
line-height: 19px;
@ -811,3 +809,83 @@
}
}
}
.container-cart.container-cart-fill {
width: 100%;
padding: 0 !important;
#cart-title {
display: flex !important;
width: 100%;
padding: 0 16px;
text-align: left;
}
.ship-country {
display: none;
}
.link-coupon-add,
.link-choose-more-products {
color: $clr-common-black;
span {
color: $clr-common-black;
}
}
.srp-container,
.cart-more-options,
.cart-more-options .srp-data {
width: 100%;
}
.srp-postal-code__form {
width: 100%;
}
.vtex-shipping-preview-0-x-postalCodeForgotten {
display: flex;
gap: 8px;
width: 100%;
align-items: center;
justify-content: flex-start;
}
.ship-postalCode {
width: 58%;
width: 62.682215743%;
display: flex;
align-items: flex-start;
flex-direction: column;
.input-small {
width: 100%;
}
}
.srp-pc-input {
width: 42%;
width: 34.985422741%;
margin-top: 5px;
}
.srp-data {
margin-bottom: 48.35px;
}
.totalizers {
padding: 0 16px;
width: 100%;
}
.srp-container {
max-width: none;
}
.cart-links-bottom {
width: 100%;
padding: 0 16px;
margin-bottom: 43.42px;
}
}

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

@ -57,10 +57,6 @@ body {
margin: 40px 0 30px;
letter-spacing: 0.1em;
text-transform: uppercase;
@include mq(md, max) {
margin-left: 30px;
}
}
.dropdown {

2
checkout/src/arquivos/sass/utils/_variaveis.scss
View File

@ -21,6 +21,8 @@ $clr-blue-500: #4267b2;
$clr-green-500: #4caf50;
$clr-primary-blue-500: #00c8ff;
/* Grid breakpoints */
$grid-breakpoints: (
xxs: 0,