refactor: atualiza responsividade 4k para aumento de performance

This commit is contained in:
Vitor Soares 2023-01-20 20:02:23 -03:00
parent 2377423ae9
commit 6437c156ff
9 changed files with 18 additions and 18 deletions

View File

@ -45,7 +45,7 @@
}
@media screen {
@media (max-width: 2500px) {
@media (max-width: 2499px) {
@include big-font-1;
> p {
width: 234px !important;

View File

@ -88,7 +88,7 @@
padding: 50px $large-padding-inline;
@media screen {
@media (max-width: 2500px) {
@media (max-width: 2499px) {
.container {
max-width: 707px;
}

View File

@ -49,7 +49,7 @@ body {
color: $dark-gray-color;
@media screen {
@media (max-width: 2500px) {
@media (max-width: 2499px) {
font-size: 24px;
line-height: 28px;
}
@ -66,7 +66,7 @@ body {
line-height: 30px;
@media screen {
@media (max-width: 2500px) {
@media (max-width: 2499px) {
font-size: 13px;
line-height: 15px;
}
@ -104,7 +104,7 @@ body {
justify-content: center;
@media screen {
@media (max-width: 2500px) {
@media (max-width: 2499px) {
font-size: 16px;
line-height: 19px;
}
@ -118,7 +118,7 @@ body {
line-height: 28px;
@media screen {
@media (max-width: 2500px) {
@media (max-width: 2499px) {
font-size: 12px;
line-height: 14px;
}
@ -137,7 +137,7 @@ body {
gap: 4.28px;
@media screen {
@media (max-width: 2500px) {
@media (max-width: 2499px) {
font-size: 14px;
line-height: 16px;
@ -164,7 +164,7 @@ body {
height: 35.15px;
@media screen {
@media (max-width: 2500px) {
@media (max-width: 2499px) {
width: 18.64px;
height: 18px;
}
@ -181,7 +181,7 @@ body {
color: $label-color;
@media screen {
@media (max-width: 2500px) {
@media (max-width: 2499px) {
font-size: 14px;
line-height: 16px;
}
@ -199,7 +199,7 @@ body {
line-height: 28px;
@media screen {
@media (max-width: 2500px) {
@media (max-width: 2499px) {
font-size: 12px;
line-height: 14px;
height: 16px;
@ -234,7 +234,7 @@ body {
line-height: 38px;
@media screen {
@media (max-width: 2500px) {
@media (max-width: 2499px) {
width: 302px;
height: 285px;
font-size: 16px;
@ -281,7 +281,7 @@ body {
align-items: start;
@media screen {
@media (max-width: 2500px) {
@media (max-width: 2499px) {
}
@media (max-width: 1024px) {

View File

@ -85,7 +85,7 @@
}
@media screen {
@media (max-width: 2500px) {
@media (max-width: 2499px) {
@include big-font-4();
.logo {
height: 26px;

View File

@ -23,7 +23,7 @@
}
@media screen {
@media (max-width: 2500px) {
@media (max-width: 2499px) {
@include big-font-2;
gap: 9.72px;
.house {

View File

@ -51,7 +51,7 @@
}
@media screen {
@media (max-width: 2500px) {
@media (max-width: 2499px) {
margin-top: 70px;
> div {
max-width: 474px;

View File

@ -25,7 +25,7 @@
padding: 12px 16px;
@media screen {
@media (max-width: 2500px) {
@media (max-width: 2499px) {
padding-block: 8px;
.buscar {
width: 18px;

View File

@ -20,7 +20,7 @@
}
@media screen {
@media (max-width: 2500px) {
@media (max-width: 2499px) {
a {
width: 34px !important;
height: 34px !important;

View File

@ -12,7 +12,7 @@
}
@media screen {
@media (max-width: 2500px) {
@media (max-width: 2499px) {
h1 {
@include large-font-2;
}