scss/menu.scss
@import "button";
@import "colors";
@import "defaults";
@import "adminbar";
@import "settings";
ul#menu {
list-style-type: none;
margin: 0;
padding: 0;
overflow: auto;
background-color: #333;
display: flex;
align-items: center;
li {
float: left;
list-style: none;
&:hover {
background-color: #222;
}
&.triggerItem {
cursor: pointer;
margin-left: auto;
}
a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
&:hover:not(.active) {
background-color: #111;
}
.active {
background-color: $primaryBlue;
}
span.beta {
border: 2px solid #dee2e6 !important;
border-color: #38c172 !important;
padding-left: 0.4em;
padding-right: 0.4em;
border-radius: 50rem !important;
color: white;
font-size: 11px;
margin-left: 7px;
text-transform: uppercase;
}
}
}
}
.themeLabel {
font-size: large;
}
dark-mode-toggle {
display: none;
}
.toggleLabel {
display: inline-block;
}
h1:nth-child(1) {
margin-top: 55px;
}