$topnav-background-color: #222; .sidebar{
border-radius: 0; position: fixed; z-index: 1000; top: 55px; left: 235px; width: 235px; margin-left: -235px; border: none; border-radius: 0; overflow-y: auto; background-color: $topnav-background-color; bottom: 0; overflow-x: hidden; padding-bottom: 40px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; // border-top: 1px solid rgba(255,255,255,0.3); .list-group{ a.list-group-item{ background: $topnav-background-color; border: 0; border-radius: 0; color: #999; text-decoration: none; .fa { width: 3em; text-align: center; } } a:hover{ background: darken($topnav-background-color, 5%); color: #fff; } a.router-link-active{ background: darken($topnav-background-color, 5%); color: #fff; } } .sidebar-dropdown{ *:focus{ border-radius: none; border:none; } .panel-title{ font-size : 1rem; height : 50px; margin-bottom:0; a{ color : #999; text-decoration : none; font-weight:400; background:$topnav-background-color; span{ position: relative; display: block; padding: .75rem 1.5rem; padding-top:1rem; } } a:hover,a:focus{ color: #fff; outline: none; outline-offset: -2px; } } .panel-title:hover{ background: darken($topnav-background-color, 5%); } .panel-collapse{ border-radious :0; border : none; .panel-body{ .list-group-item{ border-radius : 0; background-color: $topnav-background-color; border: 0 solid transparent; a{ color:#999; } a:hover{ color:#FFF; } } .list-group-item:hover{ background : darken($topnav-background-color, 5%); } } } }
} .nested-menu {
.list-group-item { cursor: pointer; } .nested { list-style-type: none; } ul.submenu { display: none; height: 0; } & .expand { ul.submenu { display: block; list-style-type: none; height: auto; li { a { color: #FFF; padding: 10px; display: block; } } } }
} @media screen and (max-width: 992px) {
.sidebar { top: 54px; left: 0px; }
}