hy-checkbox/lib/Tags/tags.less

checkbox & radio ui components for react

/*
 * @Author: SiMeiyu 
 * @Date: 2017-07-11 10:08:04 
 */ 
@import "../../app/variables.less";

.@{ult-prefix}-tag {
  list-style-type: none;
  display: flex;
  &-item {
    border-radius: @border-radius;
    padding: @base-space / 2 @base-space;
    font-size: @font-size-base;
    line-height: 1;
    background-color: #eee;
    color: @text-body;
    > .iconfont {
      font-size: @font-size-base;
      line-height: 1;
      color: inherit;
      margin-right: @base-space / 2;
    }
    &:not(:last-child) {
      margin-right: @base-space;
    }
    &-default {
      background-color: #eee;
      color: @text-body;
    }
    &-primary {
      background-color: @primary;
      color: white;
    }
    &-success {
      background-color: @success;
      color: white;
    }
    &-warning {
      background-color: @warning;
      color: white;
    }
    &-danger {
      background-color: @danger;
      color: white;
    }
  }
}