/**
* Copyright (c) 2022 - present TinyVue Authors.
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
*
* Use of this source code is governed by an MIT-style license.
*
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
*
*/

@import '../custom.less';

.tag-variant(@color, @border-color, @background-color) {
  color: @color;
  border-color: @border-color;
  background-color: @background-color;

  &.is-hit {
    border-color: @color;
  }

  .@{css-prefix}tag__close {
    fill: @color;
    opacity: 0.5;

    &:hover {
      opacity: 1;
    }
  }
}

.tag-dark-variant(@color, @bgcolor) {
  color: @color;
  border-color: @bgcolor;
  background-color: @bgcolor;

  &.is-hit {
    border-color: @bgcolor;
  }

  .@{css-prefix}tag__close {
    fill: @color;
    opacity: 0.5;

    &:hover {
      opacity: 1;
    }
  }
}
