jude
74 lines
1.0 KiB
SCSS
74 lines
1.0 KiB
SCSS
div.brand {
|
|
text-align: center;
|
|
height: 52px;
|
|
background-color: #8fb677;
|
|
}
|
|
|
|
img.dashboard-brand {
|
|
text-align: center;
|
|
height: 100%;
|
|
width: auto;
|
|
}
|
|
|
|
ul.guildList {
|
|
flex-grow: 1;
|
|
flex-shrink: 1;
|
|
overflow: auto;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
div.dashboard-sidebar svg {
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
div.mobile-sidebar {
|
|
z-index: 100;
|
|
min-height: 100vh;
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
|
|
div.mobile-sidebar.is-active {
|
|
display: flex;
|
|
}
|
|
|
|
aside.menu {
|
|
display: flex;
|
|
flex-direction: column;
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.dashboard-sidebar {
|
|
display: flex;
|
|
flex-direction: column;
|
|
background-color: #363636;
|
|
width: 230px !important;
|
|
padding-right: 0;
|
|
}
|
|
|
|
.aside-footer {
|
|
justify-self: end;
|
|
}
|
|
|
|
.menu a {
|
|
color: #fff !important;
|
|
}
|
|
|
|
.menu a:hover:not(.is-active) {
|
|
color: #424242 !important;
|
|
}
|
|
|
|
.menu .menu-label {
|
|
color: #bbb;
|
|
}
|
|
|
|
.menu {
|
|
padding-left: 4px;
|
|
}
|
|
|
|
@media screen and (max-width: 1023px), print {
|
|
.columns:not(.is-desktop) {
|
|
flex-direction: column;
|
|
}
|
|
}
|