forked from M3-Academy/desafio-react-e-typescript
feat(header): Adapta header-top a layout 4k #1
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user