HenriqueSantosSantana/m3-academy-template-checkout-henrique-santos-santana
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Henrique Santos Santana 2022-12-17 01:03:29 -03:00
parent 9758e921c1
commit 7594f28c5e
1 changed files with 87 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

87
checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss
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;
}
}
}