gvisor.dev/gvisor@v0.0.0-20240520182842-f9d4d51c7e0f/website/_sass/sidebar.scss (about)

     1  $sidebar-border-color: #fff;
     2  $sidebar-hover-border-color: #66bb6a;
     3  
     4  .sidebar {
     5    margin-top: 40px;
     6  
     7    ul.sidebar-nav {
     8      list-style-type: none;
     9      padding: 0;
    10      transition: height 0.01s;
    11  
    12      li {
    13        &.sidebar-nav-heading {
    14          padding: 10px 0;
    15          margin: 0;
    16          display: block;
    17          font-size: 16px;
    18          font-weight: 300;
    19        }
    20  
    21        a {
    22          padding: 4px 0;
    23          display: block;
    24          border-right: 2px solid $sidebar-border-color;
    25  
    26          &:focus {
    27            text-decoration: none;
    28          }
    29  
    30          .caret {
    31            float: right;
    32            margin-top: 8px;
    33            margin-right: 10px;
    34          }
    35        }
    36  
    37        &.active {
    38          a {
    39            border-left: 2px solid $sidebar-hover-border-color;
    40            padding-left: 6px;
    41          }
    42        }
    43      }
    44  
    45      ul.sidebar-nav {
    46        padding-left: 10px;
    47      }
    48    }
    49  }
    50  
    51  @media (min-width: 992px) {
    52    .sidebar-toggle {
    53      display: none;
    54    }
    55  
    56    .sidebar {
    57      &.collapse {
    58        display: block;
    59      }
    60    }
    61  }