.tag {
  display: inline-flex;
  flex-flow: row nowrap;
  padding: 0 20px;
  height: 60px;
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  &--normal {
    font-size: $font_size_medium;
    height: 40px;
  }
  &--small {
    font-size: $font_size_min;
    height: 30px;
  }
  &--circle {
    border-radius: 10px;
  }

  &--danger {
    border: 1px solid $color_danger;
    background-color: $color_danger;
    color: white;
  }
  &--primary {
    border: 1px solid $color_main;
    background-color: $color_main;
    color: white;
  }
  &--warning {
    border: 1px solid $color_warning;
    background-color: $color_warning;
    color: white;
  }
  // 大货
  &--bulk {
    border: 1px solid $color_bulk;
    background-color: $color_bulk;
    color: white;
  }
  // 剪板
  &--plate {
    border: 1px solid $color_plate;
    background-color: $color_plate;
    color: white;
  }
  // 散剪
  &--bulkCut {
    border: 1px solid $color_bulkCut;
    background-color: $color_bulkCut;
    color: white;
  }
  &--info {
    border: 1px solid $color_info;
    background-color: $color_info;
    color: white;
  }
  &--plain {
    background-color: white;
    &.tag--danger {
      border: 1px solid $color_danger;
      color: $color_danger;
    }
    &.tag--primary {
      border: 1px solid $color_main;
      color: $color_main;
    }
    &.tag--warning {
      border: 1px solid $color_warning;
      color: $color_warning;
    }
    &.tag--bulk {
      border: 1px solid $color_bulk;
      color: $color_bulk;
    }
    &.tag--plate {
      border: 1px solid $color_plate;
      color: $color_plate;
    }
    &.tag--bulkCut {
      border: 1px solid $color_bulkCut;
      color: $color_bulkCut;
    }
    &.tag--info {
      border: 1px solid $color_info;
      color: $color_info;
      .tag--text {
        color: rgba($color: #333333, $alpha: 0.8) !important;
      }
    }
  }
  &--disabled {
    opacity: $opacity-disabled;
  }
}
