m3-academy-template-vtexio/custom/react/components/Menu/DynamicMenu.css

45 lines
824 B
CSS
Raw Permalink Normal View History

2022-08-11 13:06:07 +00:00
.nav {
position: relative;
width: 100%;
height: 48px;
display: flex;
flex-direction: row;
align-items: center;
padding: 0 35px;
background: #e5e5e5;
}
.menu {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
list-style: none;
padding: 0;
margin: 0;
}
/* .menu .wrapMenuItem {
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
cursor: pointer;
padding: 0 10px;
margin-right: 30px;
}
.menu .wrapMenuItem:last-child {
margin: 0;
}
.menu .wrapMenuItem .wrapImage {
width: 27px;
height: 27px;
display: flex;
justify-content: center;
align-items: flex-end;
margin: 0 0 5px;
}
.menu .wrapImage > img {
object-fit: contain;
} */