@import "../../../../src/style/abstracts/all";

:local(.list) {
  list-style: none;
  font-size: 14pt;
  margin: 0;
  padding: 0;
  li {
    a {
      display: block;
      border-bottom: 1px solid rgba(255, 255, 255, .05);
      border-top: 1px solid rgba(0, 0, 0, .05);
      color: $default-text-color!important;
      text-decoration: none;
      padding: 10px 20px;
      width: 100%;
      min-width: 200px;
      border-left: 2px solid transparent;
      @include transition(background-color .2s ease-in-out);
      &:hover {
        background-color: bright-gray($dark-color);
        cursor: pointer;
      }
      &.active {
        border-left: 2px solid $primary-color;
      }
      :local(.listItemIcon){
        margin-right: 8px;
      }
    }
  }
}