anacarolinaduartecavalcante/m3-academy-template-checkout-ana-carolina-duarte-cavalcante
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style(_header.scss): modificando header para todas as telas

Browse Source
This commit is contained in:
Ana Carolina Duarte Cavalcante 2022-12-15 20:39:53 -03:00
parent 552aaa3e02
commit 2d7b8ee4c4
1 changed files with 16 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
checkout/src/arquivos/sass/partials/_header.scss
View File

@ -9,20 +9,30 @@
@media (max-width: $checkout375px) { @media (max-width: $checkout375px) {
margin: 0 16px; margin: 0 16px;
} }
@media (max-width: $checkout1024px){
margin: 0 16px;
}
} }
&__wrapper { &__wrapper {
align-items: center; align-items: center;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 30px 0; padding: 29px 0;
@media (max-width: $checkout375px) {
padding: 16px 0;
}
@media (max-width: $checkout1024px){
padding: 16px 0 16.88px;
}
} }
&__logo { &__logo {
a { a {
img { img {
width: 155.58px !important;
height: 37.14px; height: 37.14px;
width: auto;
@media (min-width: $checkout2500px) { @media (min-width: $checkout2500px) {
width: 382.07px !important;
height: 91.2px; height: 91.2px;
} }
@media (max-width: $checkout375px) { @media (max-width: $checkout375px) {
@ -57,11 +67,10 @@
text-transform: uppercase; text-transform: uppercase;
font-family: $font-family; font-family: $font-family;
font-style: normal; font-style: normal;
font-weight: normal;
font-size: 12px; font-size: 12px;
line-height: 16px; line-height: 16px;
font-weight: 400; font-weight: 400;
color: $color-gray; color: $color-gray2;
@media (min-width: $checkout2500px) { @media (min-width: $checkout2500px) {
font-size: 24px; font-size: 24px;
line-height: 33px; line-height: 33px;
@ -81,6 +90,9 @@
@media (min-width: $checkout2500px) { @media (min-width: $checkout2500px) {
width: 1078px; width: 1078px;
} }
@media (max-width: $checkout1024px){
width: 0;
}
@media (max-width: $checkout375px) { @media (max-width: $checkout375px) {
width: 0; width: 0;
} }