feat(autentication): created initial styles for small, medium devices #7

Merged
HenriqueSantosSantana merged 1 commits from feature/checkout-autentication into develop 2022-12-17 04:04:18 +00:00
Showing only changes of commit 7594f28c5e - Show all commits

View File

@ -287,3 +287,90 @@
} }
} }
} }
.container-order-form {
#orderform-title {
padding: 0 16px;
}
.checkout-container .client-pre-email {
padding: 8px 16px 0;
}
.checkout-container .client-pre-email .emailInfo {
width: 100%;
font-size: 12px;
}
.checkout-container .client-pre-email .emailInfo h3 {
line-height: 16.34px;
}
.orderform-template {
.client-pre-email {
.link-cart a {
font-size: 10px;
line-height: 12px;
font-family: $font-family-200;
text-transform: uppercase;
}
}
.client-pre-email .emailInfo ul li i::before {
color: $clr-primary-blue-500;
}
.client-pre-email .client-email button {
@include btn-primary-blue-black();
}
.client-pre-email-h {
label {
span,
small {
font-size: 12px;
line-height: 14px;
font-weight: 400;
color: $clr-common-black;
font-family: $font-family-200;
text-transform: uppercase;
}
}
}
}
.client-pre-email .emailInfo .icon-lock {
display: none;
}
}
.container-order-form {
@media screen and (min-width: 1200px) {
width: inherit;
}
}
.container-order-form {
width: 100%;
@media screen and (min-width: 600px) {
.checkout-container .client-pre-email .emailInfo {
width: fluid(343px, 992px);
}
}
@media screen and (min-width: 1280px) {
width: fluid(1018px, 1280px);
.checkout-container .client-pre-email {
padding: 8px 0 0;
}
#orderform-title {
padding: 0;
}
.client-pre-email .emailInfo .icon-lock {
display: block;
}
}
}