polestar-ui-kit/styles/components/radio/index.less

## Install

@import '~antd/lib/radio/style/index';

@import '../../themes/default/index';
@import '../../mixins/index';

.@{radio-group-prefix-cls} {
    &#readonlyRadioGroup {
      .@{radio-prefix-cls}-wrapper {
        &:hover {
          cursor: default;
        }
        .@{radio-prefix-cls} {
          &:hover {
            cursor: default;
          }
          input {
            &:hover {
              cursor: default;
            }
          }
          &-inner {
            &:hover {
              cursor: default;
            }
          }
        }
      }
    }
  }
  
  .@{radio-group-prefix-cls}.ps-radio-group-vertical {
    >label {
      display: block;
      height: 30px;
      line-height: 30px;
      &:last-child {
        border-radius: 3px 0 0 3px;
      }
    }
  }
  
  .@{radio-prefix-cls}-button-wrapper {
    &:hover,
    &-focused {
      background-color: @primary-2;
    }
    &-checked {
      background: @primary-2;
      border-color: @border-color-base;
      box-shadow: -1px 0 0 0 @border-color-base;
      &:first-child {
        border-color: @border-color-base;
      }
      &:last-child {
        border-radius: 0 @border-radius-base @border-radius-base 0;
      }
      &:hover {
        border-color: @border-color-base;
        box-shadow: -1px 0 0 0 @border-color-base;
      }
      &:active {
        box-shadow: -1px 0 0 0 @border-color-base;
      }
    }
  
    &-disabled {
      border-color: @border-color-base;
      background-color: @input-disabled-bg;
      cursor: not-allowed;
      color: @disabled-color;
      &:first-child,
      &:hover {
        border-color: @border-color-base;
        background-color: @input-disabled-bg;
        color: @disabled-color;
      }
      &:first-child {
        border-left-color: @border-color-base;
      }
    }
  }