forked from M3-Academy/m3-academy-template-checkout
feat: Adiciona responsividade TV
This commit is contained in:
parent
e8526d9a11
commit
2a3ea2affa
@ -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 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -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 {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user