anacarolinaduartecavalcante/challenge-vtex-io-ana-carolina-duarte-cavalcante
1
0
Fork 0
forked from M3-Academy/challenge-vtex-io
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style: adicionando estilo do header no vtex.menu

Browse Source
This commit is contained in:
Ana Carolina Duarte Cavalcante 2023-02-09 16:13:42 -03:00
parent a2bf829146
commit ba08ed2801
2 changed files with 42 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
styles/css/vtex.menu.css
View File

@ -7,6 +7,23 @@
*/ */
/* Media Query M3 */ /* Media Query M3 */
/* Grid breakpoints */ /* Grid breakpoints */
@media (max-width: 2561px) and (min-width: 1920px) {
.menuContainerNav--header-menu .menuContainer--header-menu {
margin-left: 308.08px;
}
}
.menuContainerNav--header-menu .menuContainer--header-menu .menuItem .styledLinkContainer {
margin-right: 15px;
}
.menuContainerNav--header-menu .menuContainer--header-menu .menuItem .styledLinkContainer .styledLink .styledLinkContent {
font-weight: 400 !important;
font-size: 12px !important;
line-height: 16px !important;
letter-spacing: -0.1em;
text-transform: uppercase;
color: #929292 !important;
}
@media (max-width: 1025px) and (min-width: 768px) { @media (max-width: 1025px) and (min-width: 768px) {
.menuContainerNav .menuContainer { .menuContainerNav .menuContainer {
margin-bottom: 14px; margin-bottom: 14px;

25
styles/sass/pages/product/vtexMenu/vtex.menu.scss
View File

@ -1,3 +1,28 @@
//Header
.menuContainerNav--header-menu {
.menuContainer--header-menu {
@media (max-width: 2561px) and (min-width: 1920px) {
margin-left: 308.08px;
}
.menuItem {
.styledLinkContainer {
margin-right: 15px;
.styledLink{
.styledLinkContent{
font-weight: 400 !important;
font-size: 12px !important;
line-height: 16px !important;
letter-spacing: -0.1em;
text-transform: uppercase;
color: $gray !important;
}
}
}
}
}
}
//Footer //Footer
.menuContainerNav { .menuContainerNav {