Merge pull request 'fix: ajustes no scss e responsividade' (#6) from feature/header into develop

Reviewed-on: #6
This commit is contained in:
Ramon Dias Ferreira 2023-01-20 05:07:36 +00:00
commit 0425e68002
2 changed files with 65 additions and 1 deletions

View File

@ -7,6 +7,10 @@ header {
padding: 0;
background-color: $black;
.header__menu{
display: none;
}
.header__top{
padding: 25.07px 100px;
display: flex;
@ -44,7 +48,7 @@ header {
.header__my-account-cart{
display: flex;
width: 10.63%;
justify-content: space-between;
align-items: center;
@ -82,3 +86,43 @@ header {
}
}
@media (max-width: 1024px) {
header{
.header__top{
padding: 25.07px 16px;
}
.header__menu{
display: block;
}
.header__menu button {
background-color: #000000;
border: #000000;
}
.header__account{
display: none;
}
.header__botton{
display: none;
}
}
}
@media (max-width: 375px) {
header{
.header__top{
.header__container-input{
display: none;
}
}
}
}

View File

@ -2,6 +2,26 @@
background: white;
width: 100%;
height: 585px;
p {
color: #C4C4C4;
font-family: 'Roboto', sans-serif;
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
}
.menu__title{
padding: 0px 16px;
color: #FFFFFF;
display: flex;
background: #000000;
justify-content: space-between;
align-items: center;
img {
height: 15px;
}
}
}