github.com/outbrain/consul@v1.4.5/website/source/assets/stylesheets/_docs.scss (about)

     1  #docs-sidebar {
     2    margin-bottom: 30px;
     3    margin-top: 50px;
     4  
     5    ul.nav.docs-sidenav {
     6      display: block;
     7      padding-bottom: 15px;
     8  
     9      li {
    10        a {
    11          color: $sidebar-link-color;
    12          font-size: $sidebar-font-size;
    13          padding: 10px 0 10px 15px;
    14  
    15          &:before {
    16            color: $sidebar-link-color-active;
    17            content: '\203A';
    18            font-size: $font-size;
    19            left: 0;
    20            line-height: 100%;
    21            opacity: 0.4;
    22            position: absolute;
    23  
    24            height: 100%;
    25            width: 8px
    26          }
    27  
    28          &:focus,
    29          &:hover {
    30            background-color: transparent;
    31            color: $sidebar-link-color-hover;
    32  
    33            &:before {
    34              opacity: 1;
    35            }
    36          }
    37        }
    38  
    39        // For forcing sub-navs to appear - in the long term, this should not
    40        // be a thing anymore...
    41        > ul.nav-visible {
    42          display: block;
    43        }
    44      }
    45  
    46      li.active {
    47        > a {
    48          color: $sidebar-link-color-active;
    49  
    50          &:before {
    51            opacity: 1;
    52          }
    53        }
    54  
    55        // Open nested navigations
    56        > ul.nav {
    57          display: block;
    58        }
    59      }
    60  
    61      // subnav
    62      ul.nav {
    63        display: none;
    64        margin: 10px;
    65  
    66        li {
    67          margin-left: 10px;
    68  
    69          a {
    70            padding: 6px 15px;
    71          }
    72        }
    73      }
    74    }
    75  }