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

feat(checkout): identificacao css

Browse Source
This commit is contained in:
Matheus Brollo Dauter 2022-12-18 23:31:10 -03:00
parent a843da00c6
commit 5af43fb58e
2 changed files with 86 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -71,7 +71,7 @@
border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px;
box-sizing: border-box; box-sizing: border-box;
font-family: 'Open Sans'; font-family: "Open Sans";
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
font-size: 12px; font-size: 12px;
@ -100,7 +100,7 @@
} }
span.help.error { span.help.error {
font-family: 'Open Sans'; font-family: "Open Sans";
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
font-size: 12px; font-size: 12px;
@ -116,7 +116,7 @@
border-radius: 5px; border-radius: 5px;
h3 { h3 {
font-family: 'Open Sans'; font-family: "Open Sans";
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
font-size: 12px; font-size: 12px;
@ -130,7 +130,7 @@
span { span {
color: $black; color: $black;
font-family: 'Open Sans'; font-family: "Open Sans";
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
font-size: 12px; font-size: 12px;
@ -158,6 +158,7 @@
.payment-data, .payment-data,
.client-profile-data { .client-profile-data {
.accordion-group { .accordion-group {
position: relative;
border-radius: 8px; border-radius: 8px;
border: 1px solid $gray-100; border: 1px solid $gray-100;
font-family: $font-family; font-family: $font-family;
@ -167,19 +168,36 @@
span { span {
margin: 4px 0 26px 0; margin: 4px 0 26px 0;
padding: 0; padding: 0;
font-family: 'Tenor Sans';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
color: $black; color: $black;
i::before { i::before {
display: none; background-image: url(https://agenciamagma.vteximg.com.br/arquivos/lapisM3Academy.png);
background-size: 19.2px 18px;
width: 19.2px;
height: 18px;
right: 5px;
cursor: pointer;
position: absolute;
fill: transparent;
color: transparent;
} }
span[data-i18n="clientProfileData.identification"] { span[data-i18n="clientProfileData.identification"] {
color: $white; color: $white;
} }
span[data-i18n="clientProfileData.identification"]::before { span[data-i18n="clientProfileData.identification"]::before {
content: "Identificação"; content: "Identificação";
color: $black; color: $black;
font-family: 'Tenor Sans'; font-family: "Tenor Sans";
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: 16px;
@ -212,7 +230,7 @@
p { p {
label { label {
font-weight: 500; font-weight: 500;
font-family: 'Open Sans'; font-family: "Open Sans";
font-style: normal; font-style: normal;
font-weight: 400; font-weight: 400;
font-size: 14px; font-size: 14px;
@ -257,7 +275,7 @@
width: 100%; width: 100%;
transition: all 0.2s linear; transition: all 0.2s linear;
font-family: 'Open Sans'; font-family: "Open Sans";
font-style: normal; font-style: normal;
font-weight: 700; font-weight: 700;
font-size: 14px; font-size: 14px;
@ -336,7 +354,7 @@
.shp-summary-group-price, .shp-summary-group-price,
.shp-summary-package { .shp-summary-package {
color: $color-gray3; color: $gray-500;
} }
.shp-summary-group-price { .shp-summary-group-price {
@ -353,12 +371,46 @@
} }
.vtex-omnishipping-1-x-deliveryChannelsToggle { .vtex-omnishipping-1-x-deliveryChannelsToggle {
background-color: #d8c8ac; background-color: $white;
border: 1px solid #d8c8ac; border: 1px solid $gray-500;
} }
.vtex-omnishipping-1-x-deliveryOptionActive { .vtex-omnishipping-1-x-deliveryOptionActive {
text-shadow: 1.3px 1px lighten($color-black, 50); text-shadow: none;
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: $gray-500;
text-transform: uppercase;
}
.vtex-omnishipping-1-x-deliveryOptionInactive {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: $gray-125;
text-transform: uppercase;
}
.vtex-omnishipping-1-x-addressFormPart1 {
p.ship-country {
display: none;
}
input {
width: 94%;
max-width: 94%;
}
p.ship-postalCode {
}
} }
} }
} }

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

@ -22,10 +22,7 @@
display: none; display: none;
} }
.cart { .cart {
border: 1px solid $gray-100; padding: 0 0 19px 0;
box-sizing: border-box;
border-radius: 5px;
padding: 16px;
@include mq(md, max) { @include mq(md, max) {
margin: 0px 0 25px 0; margin: 0px 0 25px 0;
@ -39,13 +36,21 @@
} }
.cart-fixed { .cart-fixed {
font-family: $font-family; font-family: $font-family;
border: 1px solid $color-gray5;
width: 100%; width: 100%;
h2 { h2 {
background: $white; background: $white;
border: none; border: none;
font-family: 'Tenor Sans';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
color: #303030; color: #303030;
font-size: 14px;
font-weight: 500; padding: 7px 0 34px 0px;
text-align: left;
} }
.item-unavailable { .item-unavailable {
@ -57,7 +62,6 @@
} }
.cart { .cart {
// border: 1px solid $gray-200;
ul li { ul li {
border-top: none; border-top: none;
@ -155,6 +159,13 @@
.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: $black;
@include mq(lg, max) { @include mq(lg, max) {
width: 250px; width: 250px;
@ -177,6 +188,10 @@
.seller { .seller {
display: none !important; display: none !important;
} }
span[data-bind="text: quantityLabel"] {
display: none;
}
} }
td.shipping-date { td.shipping-date {