qt-public-ui/es/Radio/style.less

新设计规范下业务组件库

@import (reference) '../../style/common.less';

.umui-radio-boardless {
  .@{ant-prefix}-radio-button-wrapper {
    position: relative;
    border: none;
    border-radius: 0;
    background: transparent;
    // border-right: @border-width-base @border-style-base @border-color-base;

    &:not(:first-child)::before {
      top: 4px;
      height: 20px;
      background-color: @border-color-split;
      z-index: 1;
    }

    &:focus-within {
      outline: none;
    }
    &.@{ant-prefix}-radio-button-wrapper-checked {
      box-shadow: none;
      &::before {
        background-color: @border-color-split !important;
        opacity: 1;
      }
    }
  }
}

.@{ant-prefix}-radio-group-solid.umui-radio-group {
  .@{ant-prefix}-radio-button-wrapper-checked:not([class*=' ant-radio-button-wrapper-disabled']).@{ant-prefix}-radio-button-wrapper:first-child {
    border-right-color: @border-color-active;
  }
  .@{ant-prefix}-radio-button-wrapper-checked:not(.@{ant-prefix}-radio-button-wrapper-disabled):hover::before {
    background-color: @border-color-active;
  }
  .@{ant-prefix}-radio-button-wrapper-checked:not(.@{ant-prefix}-radio-button-wrapper-disabled)::before {
    background-color: @border-color-active;
  }
}