react-antd-cssvars/dist/styles/radio.less

A minimal cssvars antd module

@radio-prefix: ~"@{ant-prefix}-radio";

.@{radio-prefix}-wrapper:hover .@{radio-prefix}, .@{radio-prefix}:hover .@{radio-prefix}-inner, .@{radio-prefix}-input:focus + .@{radio-prefix}-inner {
	border-color: @antd-primary-color-hover;
}
.@{radio-prefix}-checked  {
	&::after {
		border: 1px solid @antd-primary-color;
	}
	& .@{radio-prefix}-inner {
		background-color: @antd-primary-color;
		border-color: @antd-primary-color;

		&::after {
			background-color: @antd-primary-color;
		}
	}
}
.@{radio-prefix}-button-wrapper {
	background: @antd-text-color-inv;
	border: 1px solid @antd-border-color;
}

.@{radio-prefix}-group,
.@{radio-prefix}-wrapper {
	color: @antd-text-color;
}

.@{radio-prefix}-button-wrapper-checked:not(.@{radio-prefix}-button-wrapper-disabled):hover {
	color: @antd-primary-color-hover;
	border-color: @antd-primary-color-hover;;
}

.@{radio-prefix}-button-wrapper-checked:not(.@{radio-prefix}-button-wrapper-disabled).@{radio-prefix}-button-wrapper:first-child {
	border-right-color: @antd-primary-color-hover;
}

.@{radio-prefix}-button-wrapper-checked:not(.@{radio-prefix}-button-wrapper-disabled):first-child {
	border-color: @antd-primary-color;
}
.@{radio-prefix}-button-wrapper {
	color: @antd-text-color;
	&:hover {
		color: @antd-primary-color;

	}
	&:first-child {
		border-left: 1px solid @antd-border-color;
	}
}

.@{radio-prefix}-button-wrapper:focus-within,
.@{radio-prefix}-button-wrapper-checked:not(.@{radio-prefix}-button-wrapper-disabled):focus-within {
	box-shadow: 0 0 0 2px @antd-box-shadow-color;
}

.@{radio-prefix}-button-wrapper-checked:not(.@{radio-prefix}-button-wrapper-disabled) {
	color: @antd-primary-color;
	background: @antd-text-color-inv;
	border-color: @antd-primary-color;
}

.@{radio-prefix}-button-wrapper-checked:not(.@{radio-prefix}-button-wrapper-disabled):focus::before,
.@{radio-prefix}-button-wrapper-checked:not(.@{radio-prefix}-button-wrapper-disabled):hover::before,
.@{radio-prefix}-button-wrapper-checked:not(.@{radio-prefix}-button-wrapper-disabled)::before {
	background-color:  @antd-primary-color;
}