Files
mue/src/components/modals/main/scss/modules/_navbar.scss
David Ralph 361fae7f25 feat: add work in progress 7.0 code
Co-authored-by: Alex Sparkes <turbomarshmello@gmail.com>
2022-04-08 14:48:36 +01:00

48 lines
696 B
SCSS

.navbar-item {
flex-flow: row !important;
padding: 0 15px 0 15px;
&:hover {
svg {
background: var(--tab-active);
}
color: var(--modal-text);
}
span,
svg {
font-size: 1.1em !important;
}
svg {
font-size: 1.2em !important;
color: var(--photo-info);
}
}
/* safari fix */
@supports (-webkit-hyphens: none) {
.navbar-item {
display: inline-block !important;
}
}
#modal {
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
.modalNavbar {
display: flex;
flex-flow: row;
gap: 25px;
margin-bottom: 1rem;
}
.navbar-item-active {
@include themed() {
background: t($modal-sidebarActive) !important;
}
}