challenge-vtex-io-josecarlo.../styles/sass/pages/header/vtex.flex-layout.scss

47 lines
845 B
SCSS

.flexRowContent--main-header{
padding: 24.5px 40px !important;
justify-content: space-between;
.flexCol--logo-desktop-m3academy{
width: 44.8717%;
:global(.vtex-store-components-3-x-logoContainer){
max-width: 100%;
max-height: 100%;
min-width: auto;
padding: 0;
}
}
}
.flexRowContent--main-header-mobile{
justify-content: space-between;
align-items: center;
}
.flexRowContent--mobile-header-col{
padding: 32px 40px;
flex-direction: column;
row-gap: 8px;
.stretchChildrenWidth{
width: 100% !important;
}
:global(.vtex-store-components-3-x-searchBarContainer){
max-width: 100%;
}
}
.flexRowContent--login-and-cart-container{
display: flex;
gap: 40px;
}
@media screen and (min-width: 1920px) {
.flexRowContent--main-header{
padding: 24.5px 360px !important;
}
}