anacarolinaduartecavalcante/challenge-tourist-attractions-ana-carolina-duarte-cavalcante
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: substituição de breakpoint

Browse Source
This commit is contained in:
Ana Carolina Duarte Cavalcante 2022-11-25 08:27:13 -03:00
parent 98db1bae3b
commit 844d6b4a84
2 changed files with 16 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/styles/partials/slider.scss
View File

@ -291,6 +291,12 @@ h2 {
} }
} }
@media(width: $breakpoint-desk-1440) {
.slider-content {
width: 279px !important;
}
}
@media (max-width: $breakpoint-desk) and (min-width: $breakpoint-desk-2425) { @media (max-width: $breakpoint-desk) and (min-width: $breakpoint-desk-2425) {
.slider-container { .slider-container {
h2 { h2 {
@ -303,21 +309,23 @@ h2 {
min-height: 768px; min-height: 768px;
& img { & img {
width: 544px; width: 544px;
height: 400px; height: 400px !important;
} }
& h3 { & h3 {
font-weight: 700; font-weight: 700;
font-size: 48px; font-size: 48px !important;
line-height: 56px; line-height: 56px !important;
height: 120px; height: 120px !important;
} }
& figcaption { & figcaption {
font-weight: 400; font-weight: 400;
font-size: 32px; font-size: 32px !important;
line-height: 48px; line-height: 48px !important;
max-height: 192px; max-height: 192px !important;
} }
} }
} }
} }
} }

2
src/styles/utils/variables.scss
View File

@ -22,7 +22,7 @@ $breakpoint-tablet: 1025px;
$breakpoint-mobile: 491px; $breakpoint-mobile: 491px;
$breakpoint-desk-1455: 1455px; $breakpoint-desk-1440: 1440px;
$breakpoint-desk-1907: 1907px; $breakpoint-desk-1907: 1907px;