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

feat: Adiciona CSS para as páginas

Browse Source
This commit is contained in:
SamuelCondack 2022-12-13 14:00:44 -03:00
parent 774630e1da
commit dae2a99c3b
5 changed files with 114 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -126,6 +126,9 @@
i::before { i::before {
fill: #303030; fill: #303030;
} }
.icon-home{
display: none;
}
} }
a { a {
@ -141,6 +144,12 @@
padding: 6px 5px 6px 8px; padding: 6px 5px 6px 8px;
} }
} }
.accordion-toggle{
padding-left: 0;
.icon-user{
display: none;
}
}
.accordion-heading { .accordion-heading {
.accordion-toggle, .collapsed, .accordion-toggle-active{ .accordion-toggle, .collapsed, .accordion-toggle-active{
.icon-credit-card { .icon-credit-card {
@ -150,10 +159,13 @@
} }
.accordion-inner { .accordion-inner {
padding: 0; padding: 0;
.link-change-shipping{
display: none;
}
/* General configurations */ /* General configurations */
.client-notice { .client-notice {
display: none;
color: $color-black; color: $color-black;
} }
@ -291,7 +303,12 @@
} }
.shp-summary-package { .shp-summary-package {
padding-left: 16px; padding-left: 0;
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
} }
.vtex-omnishipping-1-x-summaryChange { .vtex-omnishipping-1-x-summaryChange {
@ -332,12 +349,50 @@
max-width: none; max-width: none;
padding-right: 17px; padding-right: 17px;
} }
.box-client-info-pf{
label{
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #7D7D7D;
}
.input-small{
width: 100%;
height: 42px;
}
.client-last-name{
padding-left: 42px;
}
.client-phone{
padding-left: 42px;
}
}
.client-email{
label{
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #7D7D7D;
}
.input-xlarge{
width: 95%;
min-height: 42px;
padding-right: 17px;
}
}
.ship-postalCode{
.input-small{ .input-small{
width: 100%; width: 100%;
min-height: 45px; min-height: 45px;
border-radius: 8px; border-radius: 8px;
margin-bottom: 10px; margin-bottom: 10px;
} }
}
small, a{ small, a{
margin: 0; margin: 0;
} }

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

@ -31,12 +31,17 @@
.cart-fixed { .cart-fixed {
font-family: $font-family; font-family: $font-family;
width: 100%; width: 100%;
border: 1px solid #E5E5E5;
border-bottom: none;
border-radius: 8px;
h2 { h2 {
padding: 24px 0px 34px 17px;
text-align: left;
background: $color-white; background: $color-white;
border: none; border: none;
color: #303030; color: #292929;
font-size: 14px; font-size: 16px;
font-weight: 500; font-weight: 400;
} }
.item-unavailable { .item-unavailable {
@ -48,7 +53,7 @@
} }
.cart { .cart {
border: 1px solid $color-gray4; border: none;
ul li { ul li {
border-top: none; border-top: none;
@ -65,6 +70,18 @@
.price { .price {
color: #7d7d7d; color: #7d7d7d;
} }
.price{
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 16px;
text-align: right;
color: #292929;
}
.shipping-date{
display: none;
}
} }
} }
@ -85,19 +102,31 @@
} }
#payment-data-submit { #payment-data-submit {
background: $color-black; font-family: 'Open Sans';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 19px;
text-align: center;
letter-spacing: 0.05em;
text-transform: uppercase;
background: #298541;
border: none; border: none;
border-radius: 0; border-radius: 0;
color: $color-white; color: $color-white;
outline: none; outline: none;
border-radius: 8px;
transition: all 0.2s linear; transition: all 0.2s linear;
&:hover { &:hover {
background: lighten($color-black, 5); background: darken(#298541, 5);
} }
&:active { &:active {
background: darken($color-black, 5); background: darken($color-black, 5);
} }
.icon-lock{
display: none;
}
} }
} }
@ -150,6 +179,15 @@
.product-name { .product-name {
padding-right: 0; padding-right: 0;
font-family: 'Tenor Sans';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 14px;
color: #000000;
padding-top: 20px;
@include mq(lg, max) { @include mq(lg, max) {
width: 250px; width: 250px;
} }
@ -566,13 +604,13 @@
.srp-shipping-current-single { .srp-shipping-current-single {
border: 1px solid $color-gray4; border: 1px solid $color-gray4;
border-radius: 0; border-radius: 8;
color: #303030; color: #303030;
margin: 16px 0 0; margin: 16px 0 0;
padding: 4px 12px; padding: 4px 12px;
svg path { svg path {
fill: #d8c8ac; fill: #00C8FF;
} }
} }
@ -753,6 +791,7 @@
tfoot { tfoot {
td.info, td.info,
td.monetary { td.monetary {
padding-left: 17px;
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
font-size: 18px; font-size: 18px;

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

@ -70,13 +70,13 @@ body {
#cart-title, #cart-title,
#orderform-title { #orderform-title {
color: $color-gray2; color: #292929;
font-family: $font-family; font-family: $font-family;
font-weight: 500; font-weight: 700;
font-size: 36px; font-size: 24px;
line-height: 42px; line-height: 32px;
margin: 40px 0 30px; margin: 40px 0 30px;
letter-spacing: 0.1em; letter-spacing: 0.05em;
text-transform: uppercase; text-transform: uppercase;
@include mq(md, max) { @include mq(md, max) {

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

@ -47,7 +47,9 @@
text-transform: capitalize; text-transform: capitalize;
max-width: 40%; max-width: 40%;
@include mq(md, max) { @include mq(dt, max) {
display: flex;
order: 2;
margin-bottom: 24px; margin-bottom: 24px;
max-width: 100%; max-width: 100%;
} }

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

@ -26,7 +26,8 @@ $grid-breakpoints: (
sm: 576px, sm: 576px,
md: 768px, md: 768px,
lg: 992px, lg: 992px,
xl: 1200px xl: 1200px,
dt: 1025px
) !default; ) !default;
$z-index: ( $z-index: (