forked from M3-Academy/m3-academy-template-vtexio
45 lines
824 B
CSS
45 lines
824 B
CSS
|
.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;
|
||
|
|
} */
|