SauloKleinNery/m3-academy-template-checkout
1
0
Fork 0
forked from M3-Academy/m3-academy-template-checkout
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: Cria header mobile

Browse Source
This commit is contained in:
Saulo Klein Nery 2022-12-09 19:30:17 -03:00
parent 33b290afcb
commit ada26006ac
2 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -6,6 +6,10 @@
.container { .container {
width: auto !important; width: auto !important;
margin: 29px 131px; margin: 29px 131px;
@include mq(mobile, max) {
margin: 16px;
}
} }
&__wrapper { &__wrapper {
@ -19,6 +23,10 @@
height: 37px; height: 37px;
width: auto; width: auto;
@include mq(mobile, max) {
height: 33px;
}
@include mq(4k, min) { @include mq(4k, min) {
height: 92px; height: 92px;
} }
@ -99,7 +107,7 @@
font-family: $font-family; font-family: $font-family;
font-weight: 400; font-weight: 400;
font-size: 12px; font-size: 12px;
line-height: 14px; line-height: 16px;
color: $black-400; color: $black-400;
@include mq(4k, min) { @include mq(4k, min) {

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

@ -18,6 +18,7 @@ $grid-breakpoints: (
sm: 576px, sm: 576px,
md: 768px, md: 768px,
lg: 992px, lg: 992px,
mobile: 1024px,
xl: 1200px, xl: 1200px,
4k: 2500px, 4k: 2500px,
) !default; ) !default;