Files
web/components/Current/Header/TopMenu/topMenu.module.css
2024-05-30 17:56:56 +02:00

52 lines
713 B
CSS

.topMenu {
background-color: #8d3a7c;
color: #fff;
display: none;
font-size: 0.8125rem;
position: relative;
z-index: 1;
}
.container {
box-sizing: content-box;
display: flex;
justify-content: flex-end;
margin: 0 auto;
max-width: 1200px;
padding: 0 10px;
}
.homeLink {
display: none;
}
.list {
display: flex;
list-style: none;
}
.link {
color: #fff;
display: inline-block;
padding: 3px 10px;
text-decoration: none;
}
@media screen and (min-width: 768px) {
.container {
padding: 0 30px;
}
}
@media screen and (min-width: 1367px) {
.topMenu {
background-color: #3d3835;
display: block;
}
.link {
padding-top: 4px;
padding-bottom: 4px;
}
}