You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
70 lines
1.1 KiB
70 lines
1.1 KiB
|
|
/**
|
|
* Menus
|
|
* --------------------------------------------------
|
|
* Side panel structure
|
|
*/
|
|
|
|
.menu {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
z-index: $z-index-menu;
|
|
overflow: hidden;
|
|
|
|
min-height: 100%;
|
|
max-height: 100%;
|
|
width: $menu-width;
|
|
|
|
background-color: $menu-bg;
|
|
|
|
.scroll-content {
|
|
z-index: $z-index-menu-scroll-content;
|
|
}
|
|
|
|
.bar-header {
|
|
z-index: $z-index-menu-bar-header;
|
|
}
|
|
}
|
|
|
|
.menu-content {
|
|
@include transform(none);
|
|
box-shadow: $menu-side-shadow;
|
|
}
|
|
|
|
.menu-open .menu-content .pane,
|
|
.menu-open .menu-content .scroll-content {
|
|
pointer-events: none;
|
|
}
|
|
.menu-open .menu-content .scroll-content .scroll {
|
|
pointer-events: none;
|
|
}
|
|
.menu-open .menu-content .scroll-content:not(.overflow-scroll) {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.grade-b .menu-content,
|
|
.grade-c .menu-content {
|
|
@include box-sizing(content-box);
|
|
right: -1px;
|
|
left: -1px;
|
|
border-right: 1px solid #ccc;
|
|
border-left: 1px solid #ccc;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.menu-left {
|
|
left: 0;
|
|
}
|
|
|
|
.menu-right {
|
|
right: 0;
|
|
}
|
|
|
|
.aside-open.aside-resizing .menu-right {
|
|
display: none;
|
|
}
|
|
|
|
.menu-animated {
|
|
@include transition-transform($menu-animation-speed ease);
|
|
}
|