mirror of
https://github.com/discourse/discourse.git
synced 2024-11-25 05:02:24 +08:00
81 lines
1.7 KiB
SCSS
81 lines
1.7 KiB
SCSS
#hamburger-menu {
|
|
position: fixed;
|
|
right: 0;
|
|
top: 0;
|
|
background-color: $secondary;
|
|
z-index: 1002;
|
|
height: 100%;
|
|
overflow: none;
|
|
transition: 0.3s ease-in-out;
|
|
@include transform(translateX(0));
|
|
|
|
box-shadow: 0 4px 4px 4px rgba(0,0,0, .25);
|
|
padding: 0.5em 0.5em 0.5em 0.5em;
|
|
width: 300px;
|
|
|
|
.close-hamburger {
|
|
float: right;
|
|
color: dark-light-choose(scale-color($header_primary, $lightness: 50%), $header_primary);
|
|
font-size: 1.5em;
|
|
margin-right: -10px;
|
|
margin-top: 0.1em;
|
|
padding: 0 4 4 4px;
|
|
z-index: 9999;
|
|
}
|
|
|
|
.hamburger-header {
|
|
position: absolute;
|
|
right: 20px;
|
|
}
|
|
|
|
.hamburger-body {
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
position: absolute;
|
|
top: 40px;
|
|
bottom: 37px;
|
|
}
|
|
|
|
|
|
ul {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
ul.location-links li, li.heading {
|
|
a {
|
|
padding: 0.5em;
|
|
display: block;
|
|
&:hover {
|
|
background-color: dark-light-diff($highlight, $secondary, 50%, -55%);
|
|
}
|
|
}
|
|
}
|
|
|
|
li.category-link {
|
|
float: left;
|
|
background-color: transparent;
|
|
width: 45%;
|
|
margin: 5px 5px 0 8px;
|
|
.box {margin-top: 0;}
|
|
.badge-notification {
|
|
color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
|
|
background-color: transparent;
|
|
vertical-align: top;
|
|
padding: 5px 5px 2px 5px;
|
|
}
|
|
}
|
|
|
|
// note these topic counts only appear for anons in the category hamburger drop down
|
|
b.topics-count {
|
|
color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
|
|
font-weight: normal;
|
|
font-size: 11px;
|
|
}
|
|
}
|
|
|
|
#hamburger-menu.slideright {
|
|
@include transform(translateX(330px));
|
|
}
|