challenge-vtex-io-josecarlo.../styles/sass/pages/footer/vtex.menu.scss

97 lines
1.8 KiB
SCSS

.menuContainer{
gap: 8px !important;
}
.menuContainer--menu-2-site-m3, .menuContainer--menu-seja-franqueado{
:global(.vtex-menu-2-x-styledLinkContainer){
padding: 0;
:global(.vtex-menu-2-x-styledLinkContent){
font-weight: 400;
font-size: 14px;
line-height: 30px;
color: rgba(255, 255, 255, 0.45);
text-transform: none;
letter-spacing: 0;
}
}
}
.menuContainer--menu-seja-franqueado{
:global(.vtex-menu-2-x-styledLinkContainer){
padding: 0;
:global(.vtex-menu-2-x-styledLinkContent){
display: flex;
align-items: center;
justify-content: center;
width: 164px;
height: 42px;
border: 1px solid #FFFFFF;
color: #FFFFFF;
font-weight: 400;
font-size: 12px;
line-height: 30px;
}
}
}
.menuContainer--menu-1-footer-mobile{
gap: 18px !important;
.styledLinkContainer{
padding: 0;
}
.styledLinkContent--site-m3-academy, .styledLinkContent--a-m3-academy{
border-bottom: 1px solid #FFFFFF;
}
.styledLink{
font-weight: 400;
font-size: 14px;
line-height: 38px;
color: #FFFFFF;
text-transform: none;
letter-spacing: 0;
.accordionIcon{
font-size: 0;
border: 0 !important;
&::after{
content: url("https://agenciamagma.vteximg.com.br/arquivos/arrowTopFooterChallegeVtexT4.svg");
border: 0 !important;
}
}
}
.submenuAccordion{
padding-top: 8px;
}
}
@media screen and (max-width: 1026px){
.menuContainer--menu-seja-franqueado{
padding: 0 16px;
align-items: center;
.menuItem{
width: 100%;
}
:global(.vtex-menu-2-x-styledLinkContainer){
:global(.vtex-menu-2-x-styledLinkContent){
width: 100%;
}
}
}
}