forked from M3-Academy/desafio-react-e-typescript
feature/desafio-react-e-typescript #1
@ -27,6 +27,7 @@
|
||||
padding: 8px 0 8px 16px;
|
||||
width: calc(100% - 20px);
|
||||
outline: none;
|
||||
height: 12px;
|
||||
}
|
||||
|
||||
&__img {
|
||||
@ -66,3 +67,50 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 2500px) {
|
||||
.header-wrapper {
|
||||
&__top {
|
||||
&-logo {
|
||||
width: 11.55%;
|
||||
}
|
||||
|
||||
form {
|
||||
width: 22.4%;
|
||||
}
|
||||
|
||||
.campo-busca {
|
||||
&__input {
|
||||
font-size: 28px;
|
||||
line-height: 33px;
|
||||
height: 37px;
|
||||
}
|
||||
|
||||
&__img {
|
||||
width: 35px;
|
||||
}
|
||||
}
|
||||
|
||||
&-carrinho {
|
||||
width: 9.31%;
|
||||
|
||||
a {
|
||||
font-size: 28px;
|
||||
line-height: 33px;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 54px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&__bottom {
|
||||
&-items {
|
||||
font-weight: 500;
|
||||
font-size: 28px;
|
||||
line-height: 33px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user