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

feat(Header): add estilo para telas 375px

Browse Source
This commit is contained in:
Ana Carolina Duarte Cavalcante 2022-12-11 09:02:07 -03:00
parent 6f011f6727
commit 9508cf89b9
2 changed files with 26 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -6,6 +6,9 @@
.container { .container {
width: auto !important; width: auto !important;
margin: 0 131px; margin: 0 131px;
@media (max-width: $checkout375px) {
margin: 0 16px;
}
} }
&__wrapper { &__wrapper {
align-items: center; align-items: center;
@ -22,6 +25,9 @@
@media (min-width: $checkout2500px) { @media (min-width: $checkout2500px) {
height: 91.2px; height: 91.2px;
} }
@media (max-width: $checkout375px) {
height: 33px;
}
} }
} }
} }
@ -40,6 +46,10 @@
width: 29.47px; width: 29.47px;
height: 41.46px; height: 41.46px;
} }
@media (max-width: $checkout375px) {
width: 12px;
height: 13.33px;
}
} }
span { span {
align-items: center; align-items: center;
@ -71,6 +81,9 @@
@media (min-width: $checkout2500px) { @media (min-width: $checkout2500px) {
width: 1078px; width: 1078px;
} }
@media (max-width: $checkout375px) {
width: 0;
}
ul { ul {
list-style-type: none; list-style-type: none;
display: flex; display: flex;

3
checkout/src/arquivos/sass/utils/_variaveis.scss
View File

@ -38,5 +38,6 @@ $z-index: (
) !default; ) !default;
/* media querie 2500 */ /* media querie */
$checkout2500px: (2500px); $checkout2500px: (2500px);
$checkout375px: (376px);