website/assets/css/nav.css

54 lines
820 B
CSS
Raw Normal View History

nav {
display: flex;
gap: 1em;
position: fixed;
padding: 0.5em;
width: 100%;
transition: all 0.2s ease;
overflow: auto;
z-index: 99;
}
nav .button#navButton {
margin: 0;
}
nav > .language-switcher {
display: flex;
justify-content: flex-end;
gap: 1em;
margin-left: auto;
width: 100%;
}
nav > .language-switcher > select {
width: 8em;
}
nav.scrolled {
background: var(--bg-color);
2024-03-06 16:32:19 +00:00
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
nav a.nav-logo {
display: flex;
justify-content: center;
align-items: center;
padding: 0.1em;
width: 2.5em;
}
nav a.nav-logo > img {
width: 100%;
}
nav .nav-container {
display: flex;
flex-direction: row;
gap: 1em;
}
.button.light {
border-color: white !important;
color: white;
}