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

feat:mq 4k email page

Browse Source 
o cadeado no 4000 sai um pouco do lugar mas do 2500 até antes do 4000 está bem posicionado
This commit is contained in:
Gustavo Rallenson Gonçalves Da Silva 2022-12-22 21:47:59 -03:00
parent 6bdb2dc907
commit 6df067be12
1 changed files with 42 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -14,10 +14,19 @@
} }
} }
.checkout-container { .checkout-container {
@include mq(IVK, min) {
height: 598px;
}
.icon-lock{ .icon-lock{
@include mq(xll, max) { @include mq(xll, max) {
display: none; display: none;
} }
@include mq(IVK, min) {
width: 100%;
height: 100%;
left:85.64%;
top: 51px;
}
} }
.client-pre-email { .client-pre-email {
border-color: $color-black; border-color: $color-black;
@ -44,11 +53,20 @@
h3 { h3 {
margin-bottom: 16px; margin-bottom: 16px;
span { span {
@include mq(xll, max) { @include mq(xll, max) {
font-size: 12px; font-size: 12px;
line-height: 14px; line-height: 14px;
}
@include mq(IVK, min) {
font-family: $font-family-secundary;
font-style: normal;
font-weight: 400;
font-size: 40px;
line-height: 47px;
text-align: center;
text-transform: uppercase;
} }
color: $color-black; color: $color-black;
font-family: $font-family-secundary; font-family: $font-family-secundary;
@ -64,6 +82,16 @@
small { small {
@include mq(xll, max) { @include mq(xll, max) {
font-size: 12px; font-size: 12px;
}
@include mq(IVK, min) {
font-family: $font-family-secundary;
font-style: normal;
font-weight: 400;
font-size: 40px;
line-height: 47px;
text-align: center;
text-transform: uppercase;
} }
color: $color-black; color: $color-black;
font-family: $font-family-secundary; font-family: $font-family-secundary;
@ -117,12 +145,19 @@
} }
.emailInfo { .emailInfo {
@include mq(IVK, min) {
width: 36.1%;
height: 42%;
}
padding: 16px; padding: 16px;
background-color: $color-white; background-color: $color-white;
border: 1px solid $color-gray4; border: 1px solid $color-gray4;
border-radius: 0; border-radius: 0;
h3 { h3 {
@include mq(IVK, min) {
font-size: 24px;
}
color: #303030; color: #303030;
margin: 0 0 8px 0; margin: 0 0 8px 0;
} }
@ -132,6 +167,9 @@
li { li {
span { span {
@include mq(IVK, min) {
font-size: 24px;
}
color: $color-black; color: $color-black;
font-weight: 700; font-weight: 700;
} }
@ -145,6 +183,9 @@
} }
i::before { i::before {
@include mq(IVK, min) {
font-size: 11.5rem;
}
color: $color-black; color: $color-black;
font-size: 6rem; font-size: 6rem;
opacity: 0.5; opacity: 0.5;