@import "./variables";
.list {
  border: 1px solid $color-border;
  border-radius: $border-radius;
  overflow-y: auto;
  background-color: #fff;
  &.bordered {
    .list-item {
      border-bottom: 1px solid $color-border;
      &:last-child {
        border: none;
      }
    }
  }
  &.striped {
    .list-item:nth-child(2n) {
      background-color: $color-bg;
    }
  }

  .list-item {
    padding: 8px 16px;
    transition: all 0.2s;
    cursor: pointer;
    &[disabled] {
      cursor: no-drop;
    }
    &:hover {
      background-color: $color-hover;
    }
    &.active {
      background-color: $color-primary;
      color: #fff;
    }
    &.waves-effect {
      display: block;
    }
  }
}