tntd/lib/radio/radio.less

tntd是基于 TNT Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。

@radio-prefix-cls: ~'@{ant-prefix}-radio';
@radio-inner-prefix-cls: ~'@{radio-prefix-cls}-inner';

// 选中状态
.tnt-radio,
.tnt-radio-group {
  .@{radio-prefix-cls}-checked {
    .@{radio-inner-prefix-cls} {
      border-color: @radio-dot-color;
      background-color: @radio-dot-color;
      &::after {
        @radio-dot-size: calc(@radio-size - 12px);

        width: @radio-dot-size;
        height: @radio-dot-size;
        top: calc((@radio-size - @radio-dot-size) / 2 - 1px);
        left: calc((@radio-size - @radio-dot-size) / 2 - 1px);
        background-color: @radio-button-bg;
      }
    }

    &.@{radio-prefix-cls}-disabled {
      .@{radio-inner-prefix-cls} {
        border-color: @checkbox-check-disabled-color !important;
        background-color: @checkbox-check-disabled-color;
      }
    }
  }
}

.tnt-radio {
  & > span:nth-of-type(2) {
    display: inline-block;
  }
  &-children {
    display: flex;
    flex-direction: column;
  }
  &-desc {
    font-size: @font-size-sm;
    color: @bg-color-spotilight-tint-50;
  }
}