diff --git a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss index d82aec3..256de78 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss @@ -55,7 +55,9 @@ span { color: #303030; + @media (min-width: 2500px){ font-size: 24px; + } } small { @@ -184,6 +186,7 @@ font-size: 6rem; opacity: 0.5; } + } } div[data-bind="css: {active: active, filled: visitedAndNotActive}"]{ @@ -191,6 +194,26 @@ width: 92%; } } + .client-profile-email{ + @media (min-width: 2500px){ + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + font-size: 24px; + line-height: 33px; + } + } + .client-profile-summary{ + span{ + @media (min-width: 2500px){ + font-family: 'Open Sans'; + font-style: normal; + font-weight: 400; + font-size: 24px; + line-height: 33px; + } + } + } #client-profile-data{ @media (min-width: 2500px){ font-family: 'Tenor Sans'; @@ -239,6 +262,11 @@ color: #303030; margin-bottom: 8px; padding-bottom: 25px; + @media (min-width: 2500px){ + font-weight: 400; + font-size: 32px; + line-height: 37px; + } i::before { fill: #303030; @@ -282,6 +310,7 @@ display: none; } } + .accordion-heading { .accordion-toggle, .collapsed, .accordion-toggle-active{ .icon-credit-card { @@ -322,6 +351,11 @@ color: #F15A31 !important; border: 1px solid #F15A31; } + .payment-group-item-text{ + font-weight: 400; + font-size: 28px; + line-height: 24px; + } } a[data-i18n="paymentData.paymentGroup.giftCard.useGiftCard"]{ display: none; @@ -443,6 +477,11 @@ &:active { background: darken(#00C8FF, 5); } + @media (min-width: 2500px){ + font-weight: 700; + font-size: 28px; + line-height: 38px; + } } /* Shipping configurations */ @@ -459,8 +498,33 @@ color: #7d7d7d; font-size: 14px; font-weight: 700; + @media (min-width: 2500px){ + font-weight: 700; + font-size: 28px; + line-height: 38px; + } } - + .vtex-omnishipping-1-x-leanShippingTextLabel{ + @media (min-width: 2500px){ + font-weight: 400; + font-size: 24px; + line-height: 33px; + } + } + .vtex-omnishipping-1-x-leanShippingText{ + @media (min-width: 2500px){ + font-weight: 400; + font-size: 24px; + line-height: 33px; + } + } + .vtex-omnishipping-1-x-optionPrice{ + @media (min-width: 2500px){ + font-weight: 400; + font-size: 24px; + line-height: 33px; + } + } .shp-lean { border: 1px solid #E0E0E0; border-radius: 8px; @@ -490,17 +554,30 @@ font-weight: 700; line-height: 16px; letter-spacing: 0.05em; + @media (min-width: 2500px){ + font-weight: 700; + font-size: 24px; + line-height: 33px; + } } .shp-summary-group-info { border-color: $color-gray4; } + #force-shipping-fields{ + color: #00C8FF; + } .address-summary { background: none; border-color: #E0E0E0; border-radius: 5; color: #303030; padding: 12px; + @media (min-width: 2500px){ + font-weight: 400; + font-size: 24px; + line-height: 33px; + } @include mq(md, max) { background-position: 8px 9px; @@ -513,7 +590,24 @@ } } + + .ship-number{ + @media (min-width: 2500px){ + label{ + font-weight: 700; + font-size: 24px; + line-height: 33px; + } + } + } .ship-complement{ + @media (min-width: 2500px){ + label{ + font-weight: 700; + font-size: 24px; + line-height: 33px; + } + } input{ padding-right: 0px !important; height: 35px; @@ -521,6 +615,13 @@ } } .ship-receiverName{ + @media (min-width: 2500px){ + label{ + font-weight: 700; + font-size: 24px; + line-height: 33px; + } + } input{ padding-right: 0px !important; height: 35px; @@ -530,6 +631,11 @@ .shp-summary-group-price, .shp-summary-package { color: $color-gray4; + @media (min-width: 2500px){ + font-weight: 400; + font-size: 24px; + line-height: 33px; + } } .shp-summary-group-price { @@ -543,13 +649,24 @@ font-weight: 400; font-size: 12px; line-height: 16px; + @media (min-width: 2500px){ + font-weight: 400; + font-size: 24px; + line-height: 33px; + } } .vtex-omnishipping-1-x-summaryChange { border-color: #303030; color: #303030; } - + #shipping-option-delivery{ + @media (min-width: 2500px){ + font-weight: 400; + font-size: 28px; + line-height: 38px; + } + } .vtex-omnishipping-1-x-deliveryChannelsToggle { color: black; text-transform: uppercase; @@ -604,10 +721,16 @@ } } } + } .vtex-omnishipping-1-x-addressFormPart1, input{ max-width: none; padding-right: 17px; + @media (min-width: 2500px){ + font-weight: 700; + font-size: 24px; + line-height: 33px; + } } .box-client-info-pf{ @media (max-width: 815px){ @@ -702,12 +825,15 @@ } } + span[data-i18n="global.optinNewsLetter"]{ + @media (min-width: 2500px){ font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-size: 24px; line-height: 33px; + } } .client-email{ #client-email{ @@ -733,12 +859,27 @@ padding-right: 17px; } } + + #ship-postalCode{ + @media (min-width: 2500px){ + font-weight: 700; + font-size: 24px; + line-height: 33px; + } + } + .ship-postalCode{ .input-small{ width: 100%; min-height: 45px; border-radius: 8px; margin-bottom: 10px; + @media (min-width: 2500){ + font-weight: 700; + font-size: 24px; + line-height: 33px; + + } } } small, a{ @@ -746,4 +887,4 @@ } } } - } + } diff --git a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss index 2bd05b2..e7cfb9c 100644 --- a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss +++ b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss @@ -45,6 +45,11 @@ color: #292929; font-size: 16px; font-weight: 400; + @media (min-width: 2500px){ + font-weight: 400; + font-size: 32px; + line-height: 37px; + } } .item-unavailable { @@ -81,6 +86,11 @@ line-height: 16px; text-align: right; color: #292929; + @media (min-width: 2500px){ + font-weight: 400; + font-size: 24px; + line-height: 33px; + } } .shipping-date{ display: none; @@ -101,6 +111,7 @@ .summary-totalizers { td.info { width: 100%; + } } tr.info{ @@ -123,6 +134,12 @@ outline: none; border-radius: 8px; transition: all 0.2s linear; + @media (min-width: 2500px){ + font-weight: 700; + font-size: 28px; + line-height: 38px; + } + &:hover { background: darken(#298541, 5); } @@ -708,7 +725,6 @@ text-transform: uppercase; } } - &-totalizers { padding: 0; width: 346px; @@ -837,6 +853,12 @@ color: $color-black; padding: 12px 0; padding-left: 0px; + @media (min-width: 2500px){ + font-weight: 400; + font-size: 28px; + line-height: 38px; + + } } &.info {