Files
web/components/Current/Header/TopMenu/topMenu.module.css
2024-05-31 09:27:56 +02:00

69 lines
980 B
CSS

.topMenu {
background-color: #8d3a7c;
color: #fff;
display: none;
font-size: 14px;
padding: 0;
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;
font-family:
Helvetica Neue,
Helvetica,
Arial,
sans-serif;
font-size: 13px;
}
.langSwitcher {
text-align: center;
position: relative;
display: block;
padding: 3px 15px;
}
@media screen and (min-width: 768px) {
.container {
padding: 0 30px;
}
}
@media screen and (min-width: 1367px) {
.topMenu {
background-color: #3d3835;
display: block;
}
.list {
align-items: center;
}
.link {
padding-top: 4px;
padding-bottom: 4px;
font-weight: 300;
}
}