feat(header): Adapta header-top a layout 4k #1

Merged
ManuelaLuanaSchumackerTavares merged 1 commits from feature/header-top into develop 2023-01-05 18:03:53 +00:00

View File

@ -10,11 +10,8 @@
height: 139px;
}
input::placeholder {
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: variables.$color-grey5;
@media screen and (min-width: 2500px) {
height: auto;
}
.header-top-wrapper {
@ -56,6 +53,10 @@
width: auto;
height: auto;
cursor: pointer;
@media screen and (min-width: 2500px) {
height: 50.5px;
}
}
.search {
@ -82,13 +83,40 @@
padding: 10px 16px;
height: 36px;
}
@media screen and (min-width: 2500px) {
height: 57px;
padding: 12px 16px;
min-width: 515.62px;
}
}
input::placeholder {
font-weight: 400;
font-size: 14px;
line-height: 16px;
color: variables.$color-grey5;
@media screen and (min-width: 2500px) {
font-size: 28px;
line-height: 33px;
}
}
.search-img {
position: absolute;
right: 16px;
bottom: 8px;
width: auto;
height: 18px;
cursor: pointer;
@media screen and (min-width: 2500px) {
right: 32px;
bottom: 16px;
width: 35px;
height: 35px;
}
}
.cart-container {
@ -114,10 +142,22 @@
@media screen and (max-width: 1024px) {
display: none;
}
@media screen and (min-width: 2500px) {
font-size: 28px;
line-height: 33px;
text-transform: uppercase;
}
}
figure {
cursor: pointer;
img {
@media screen and (min-width: 2500px) {
height: 54.68px;
}
}
}
}
}