redoc/lib/components/SideMenu/side-menu.scss

68 lines
1.4 KiB
SCSS
Raw Normal View History

2015-11-26 23:06:54 +03:00
@import '../../common/styles/variables';
.menu-header {
2015-10-18 19:46:21 +03:00
text-transform: uppercase;
2015-11-26 23:06:54 +03:00
color: $headers-color;
padding: 0 $side-menu-item-hpadding;
2015-12-20 23:19:56 +03:00
margin: 10px 0;
font-size: 16px;
2015-10-18 19:46:21 +03:00
}
2015-11-26 22:39:23 +03:00
.menu-cat-header {
2015-12-20 23:19:56 +03:00
//font-weight: bold;
2015-11-26 22:39:23 +03:00
font-size: 15px;
cursor: pointer;
color: $side-menu-item-color;
text-transform: uppercase;
2015-12-20 23:19:56 +03:00
background-color: $side-bar-bg-color;
2015-11-26 23:06:54 +03:00
display: block;
padding: $side-menu-item-vpadding $side-menu-item-hpadding;
}
.menu-cat:nth-of-type(even) .menu-cat-header {
background-color: $side-menu-even-bg-color;
2015-11-26 22:39:23 +03:00
}
.menu-subitems {
margin: 0;
2015-11-26 23:06:54 +03:00
padding: 0;
2015-11-26 22:39:23 +03:00
height: 0;
overflow: hidden;
}
.menu-subitems.active {
height: auto;
}
.menu-subitems li {
list-style: none inside none;
cursor: pointer;
2015-11-26 23:06:54 +03:00
2015-11-29 18:19:23 +03:00
padding: $side-menu-item-vpadding $side-menu-item-hpadding;
2015-11-26 23:06:54 +03:00
padding-left: $side-menu-item-hpadding*2;
2015-12-20 23:19:56 +03:00
background-color: $side-bar-bg-color;
2015-11-26 23:06:54 +03:00
overflow: hidden;
text-overflow: ellipsis;
2015-11-26 22:39:23 +03:00
}
2015-11-26 23:06:54 +03:00
.menu-subitems li:nth-of-type(even) {
background-color: $side-menu-even-bg-color;
}
// invert item colors for odd categories
.menu-cat:nth-of-type(odd) {
.menu-subitems li {
background-color: $side-menu-even-bg-color;
}
.menu-subitems li:nth-of-type(even) {
2015-12-20 23:19:56 +03:00
background-color: $side-bar-bg-color;
2015-11-26 23:06:54 +03:00
}
}
.menu-cat-header.active, .menu-subitems li.active {
background-color: $side-menu-active-bg-color !important;
font-weight: bold;
2015-11-26 22:39:23 +03:00
}