@import '../style/var';

.vm-filter {
  &-item {
    display: inline-block;
    width: calc((100% - 32px)/3);
    text-align: center;
    line-height: 32px;
    border-radius: 4px;
    font-size: 14px;
    color: @filter-item-color;
    background-color: @filter-item-background-color;
    margin-right: 16px;
    margin-bottom: 16px;
    cursor: pointer;
    &-active {
      background-color: @filter-item-active-background-color;
      color: @filter-item-active-color;
    }
  }
  &-item:nth-child(3n) {
    margin-right: 0;
  }
  &-item:nth-last-child(1),&-item:nth-last-child(2),&-item:nth-last-child(3) {
    margin-bottom: 0;
  }
}