@tuoyuan/web/lib/src/radio/style/main.less

拓源前端组件库

@radio-layout-height: 16px;

@radio-color-border: rgba(0, 0, 0, 0.3);
@radio-color-border_hover: @color-primary-6;

@radio-mask-bg-color-bg: @color-transparent;

.@{radio-prefix-cls} {
  &-icon {
    &::after {
      transition: none;
    }
  }

  &:hover &-icon {
    background-color: @color-primary-1;

    &::after {
      background-color: @color-primary-6;
      transform: scale(0.5);
    }
  }

  &-checked &-icon {
    border-color: @radio-color-border;
    background-color: #ffffff;

    &::after {
      background-color: @color-primary-6;
      transform: scale(0.5);
    }
  }

  &-checked:hover &-icon {
    border-color: @color-primary-6;
    background-color: @color-primary-1;
  }

  &-disabled &-icon {
    &::after {
      background-color: #ffffff;
      transform: scale(0.5);
    }
  }

  &-disabled:hover &-icon {
    background-color: #ffffff;
    &::after {
      background-color: @radio-color-border_disabled;
    }
  }

  &-checked&-disabled {
    .@{radio-prefix-cls}-icon,
    &:hover .@{radio-prefix-cls}-icon {
      background-color: #ffffff;
      border-color: @radio-color-border_disabled;
    }

    .@{radio-prefix-cls}-icon::after {
      background-color: @radio-color-border_disabled;
    }
  }
}