www/assets/header.css
2023-06-30 07:38:41 +02:00

47 lines
757 B
CSS

header {
background-color: var(--bg-0);
}
header nav {
align-items: center;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
header nav ol {
list-style-type: none;
margin: 0;
padding: 0;
}
header nav ol li a {
display: block;
padding: 4px 12px 14px 12px;
text-align: center;
text-decoration: none;
}
header nav ol li a:hover {
background-color: var(--bg-1);
}
#nav-menu {
align-items: baseline;
display: flex;
flex-wrap: nowrap;
}
#nav-menu li {
flex-direction: column;
}
.nav-menu-active {
background-color: var(--bg-1);
}
#title {
font-weight: bold;
text-transform: uppercase;
}
#themes {
background-color: var(--bg-0);
border: none;
color: var(--fg-1);
display: none;
font-size: 100%;
margin: 0;
padding: 0;
}