[Summary view] [Print] [Text view]

   1  // Sidebar
   2  
   3  .sidebar-nav {
   4    padding: 1rem 2rem;
   5  
   6    li {
   7      font-size: .9rem;
   8      font-weight: $font-weight-bold;
   9  
  10      &.divider {
  11        margin: .3rem 0;
  12      }
  13  
  14      a {
  15        display: block;
  16        padding: .25rem;
  17        font-weight: $font-weight-normal;
  18        color: var(--template-text-dark);
  19        text-decoration: none;
  20  
  21        &::before {
  22          margin-right: .5rem;
  23          font-family: "Font Awesome 5 Free";
  24          font-weight: 900;
  25          content: "\f054";
  26  
  27          [dir="rtl"] & {
  28            margin-right: 0;
  29            content: none;
  30          }
  31        }
  32  
  33        &::after {
  34          [dir="rtl"] & {
  35            margin-inline-end: .5rem;
  36            font-family: "Font Awesome 5 Free";
  37            font-weight: 900;
  38            content: "\f053";
  39          }
  40        }
  41      }
  42  
  43      &.item:hover, &.active {
  44        background-color: var(--template-bg-dark-60);
  45  
  46        a {
  47          color: var(--template-text-light);
  48        }
  49      }
  50    }
  51  }