#docs-sidebar { margin-bottom: 30px; margin-top: 50px; ul.nav.docs-sidenav { display: block; padding-bottom: 15px; li { a { color: $sidebar-link-color; padding: 10px 0 10px 15px; &:before { color: $sidebar-link-color-active; content: "\203A"; left: 0; opacity: 0.4; position: absolute; height: 100%; width: 8px; } &:focus, &:hover { background-color: transparent; color: $sidebar-link-color-hover; &:before { opacity: 1; } } } // For forcing sub-navs to appear - in the long term, this should not // be a thing anymore... > ul.nav-visible { display: block; } } li.active { > a { color: $sidebar-link-color-active; &:before { opacity: 1; } } // Open nested navigations > ul.nav { display: block; } } // subnav ul.nav { display: none; margin: 10px; li { margin-left: 10px; a { padding: 6px 15px; } } } } }