forked from M3-Academy/desafio-react-e-typescript
refactor: atualiza responsividade 4k para aumento de performance
This commit is contained in:
parent
2377423ae9
commit
6437c156ff
@ -45,7 +45,7 @@
|
||||
}
|
||||
|
||||
@media screen {
|
||||
@media (max-width: 2500px) {
|
||||
@media (max-width: 2499px) {
|
||||
@include big-font-1;
|
||||
> p {
|
||||
width: 234px !important;
|
||||
|
@ -88,7 +88,7 @@
|
||||
|
||||
padding: 50px $large-padding-inline;
|
||||
@media screen {
|
||||
@media (max-width: 2500px) {
|
||||
@media (max-width: 2499px) {
|
||||
.container {
|
||||
max-width: 707px;
|
||||
}
|
||||
|
@ -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) {
|
||||
|
@ -85,7 +85,7 @@
|
||||
}
|
||||
|
||||
@media screen {
|
||||
@media (max-width: 2500px) {
|
||||
@media (max-width: 2499px) {
|
||||
@include big-font-4();
|
||||
.logo {
|
||||
height: 26px;
|
||||
|
@ -23,7 +23,7 @@
|
||||
}
|
||||
|
||||
@media screen {
|
||||
@media (max-width: 2500px) {
|
||||
@media (max-width: 2499px) {
|
||||
@include big-font-2;
|
||||
gap: 9.72px;
|
||||
.house {
|
||||
|
@ -51,7 +51,7 @@
|
||||
}
|
||||
|
||||
@media screen {
|
||||
@media (max-width: 2500px) {
|
||||
@media (max-width: 2499px) {
|
||||
margin-top: 70px;
|
||||
> div {
|
||||
max-width: 474px;
|
||||
|
@ -25,7 +25,7 @@
|
||||
|
||||
padding: 12px 16px;
|
||||
@media screen {
|
||||
@media (max-width: 2500px) {
|
||||
@media (max-width: 2499px) {
|
||||
padding-block: 8px;
|
||||
.buscar {
|
||||
width: 18px;
|
||||
|
@ -20,7 +20,7 @@
|
||||
}
|
||||
|
||||
@media screen {
|
||||
@media (max-width: 2500px) {
|
||||
@media (max-width: 2499px) {
|
||||
a {
|
||||
width: 34px !important;
|
||||
height: 34px !important;
|
||||
|
@ -12,7 +12,7 @@
|
||||
}
|
||||
|
||||
@media screen {
|
||||
@media (max-width: 2500px) {
|
||||
@media (max-width: 2499px) {
|
||||
h1 {
|
||||
@include large-font-2;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user