app/styles/_sidebar.scss
.layout-sidebar {
  .sidebar-header {
    background: #fff;
    box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.03);
    padding: 10px;
    @extend %clearfix;

    i.fa {
      width: 10px;
      color: $color-light;
      font-size: 11px;
      float: left;
      display: block;
      margin-top: 6px;
      margin-right: 4px;
    }

    h3 {
      float: left;
      font-size: 15px;
      font-weight: $weight-semibold;
      margin: 0;
      padding: 0;
      max-width: 185px;
      line-height: 1.4em;
    }

    .back-to-stack {
      color: $color-light;

      &:hover {
        color: $color-primary;
      }
    }
  }

  .sidebar-nav {
    border-bottom: 1px solid #f0f0f0;
    padding: 10px 0;
    margin: 0;

    li {
      margin-right: 10px;
      padding-left: 0px;

      > a {
        outline: none;
        font-size: 13px;
        padding: 8px 10px;
        padding-left: 20px;
        color: $color-light;
      }
    }

    li.title {
      @extend %clearfix;
      text-transform: uppercase;
      font-weight: $weight-semibold;
      padding: 8px 30px 8px 10px;
      font-size: 12px;
      margin-right: 0;
      padding-left: 20px;

      > a.title-link, a.title-link:link {
        font-size: 12px;
        color: $color-primary;
        float: left;

        &:active {
          background: none;
        }
      }

      > a, a:link, a:visited, a:active {
        color: $color-light;
        float: right;
        padding: 0;
        outline: none;
        margin-right: -19px;

        &:hover {
          color: $color-primary;
          background: none;
        }
      }
    }

    li.active {
      border: 0;

      > a {
        outline: none;
        border-radius: 0 4px 4px 0;
        color: $color-primary;
        background: $color-border-gray;
        font-weight: $weight-semibold;
      }
    }
  }
}
