acud/es/tag/style/rtl.less

acg react 组件库

@import '../../style/themes/index';
@import '../../style/mixins/index';
@import './mixin';

@tag-prefix-cls: ~'@{acud-prefix}-tag';

.@{tag-prefix-cls} {
  .tag();

  &&-rtl {
    margin-right: 0;
    margin-left: 8px;
    direction: rtl;
    text-align: right;
  }

  &-has-icon {
    .acudicon {
      color: red;
    }
  }

  &-close-icon {
    .@{tag-prefix-cls}-rtl & {
      margin-right: 3px;
      margin-left: 0;
    }
  }

  > .@{iconfont-css-prefix} + span,
  > span + .@{iconfont-css-prefix} {
    .@{tag-prefix-cls}-rtl& {
      margin-right: 7px;
      margin-left: 0;
    }
  }
}