@alifd/next/es/radio/variable.css

A configurable component library for web built on React.

:root {
--radio-width: 16px;
--radio-circle-border-width: 1px;
--radio-circle-size: 4px;
--radio-font-margin-left: 4px;
--radio-font-size: 12px;
--radio-shadow: none;
--radio-radius-size: 50%;
--radio-bg-color: #FFFFFF;
--radio-hovered-bg-color: #DEE8FF;
--radio-checked-bg-color: #5584FF;
--radio-disabled-bg-color: #F7F8FA;
--radio-checked-hovered-bg-color: #3E71F7;
--radio-checked-disabled-bg-color: #F7F8FA;
--radio-border-color: #C4C6CF;
--radio-hovered-border-color: #5584FF;
--radio-checked-border-color: #5584FF;
--radio-disabled-border-color: #E6E7EB;
--radio-checked-disabled-border-color: #E6E7EB;
--radio-checked-hovered-border-color: transparent;
--radio-checked-circle-color: #FFFFFF;
--radio-disabled-circle-color: #CCCCCC;
--radio-checked-hovered-circle-color: #FFFFFF;
--radio-checked-disabled-circle-color: #CCCCCC;
--radio-normal-font-color: #333333;
--radio-normal-font-color-disabled: #CCCCCC;
--radio-button-height-large: 40px;
--radio-button-height-medium: 28px;
--radio-button-height-small: 20px;
--radio-button-padding-large: 8px;
--radio-button-padding-medium: 8px;
--radio-button-padding-small: 8px;
--radio-button-corner-large: 3px;
--radio-button-corner-medium: 3px;
--radio-button-corner-small: 3px;
--radio-button-font-size-large: 16px;
--radio-button-font-size-medium: 12px;
--radio-button-font-size-small: 12px;
--radio-button-bg-color: #FFFFFF;
--radio-button-bg-color-hovered: #F2F3F7;
--radio-button-bg-color-checked: #FFFFFF;
--radio-button-bg-color-disabled: #F7F8FA;
--radio-button-bg-color-checked-disabled: #F2F3F7;
--radio-button-border-color: #C4C6CF;
--radio-button-border-color-hovered: #A0A2AD;
--radio-button-border-color-checked: #5584FF;
--radio-button-border-color-disabled: #E6E7EB;
--radio-button-border-color-checked-disabled: #E6E7EB;
--radio-button-font-color: #333333;
--radio-button-font-color-hovered: #333333;
--radio-button-font-color-checked: #5584FF;
--radio-button-font-color-disabled: #CCCCCC;
--radio-button-font-color-checked-disabled: #CCCCCC;
}