@import "../../../style/index.less";

@ui-prefix-radiobutton:yyui-radiobutton;
@radio-prefix-cls: ant-radio;

.radio-button(){
  &.@{radio-prefix-cls}-button-wrapper {
    &:hover,
    &-focused {
      color: @primary-color;
      position: relative;
    }
    &-checked {
      background: @primary-color;
      border-color: @primary-color;
      color: #fff;
      box-shadow: -1px 0 0 0 @primary-color;
      &:first-child {
        border-color: @primary-color;
        box-shadow: none!important;
      }
      &:hover {
        border-color: tint(@primary-color, 20%);
        box-shadow: -1px 0 0 0 tint(@primary-color, 20%);
        color: tint(#fff, 20%);
      }
      &:active {
        border-color: shade(@primary-color, 5%);
        box-shadow: -1px 0 0 0 shade(@primary-color, 5%);
        color: shade(#fff, 5%);
      }
    }
  }
}