@fpxfd/next
Version:
A configurable component library for web built on React.
55 lines (54 loc) • 2.01 kB
CSS
: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: #d4dbf2;
--radio-checked-bg-color: #284cc0;
--radio-disabled-bg-color: #f2f4f8;
--radio-checked-hovered-bg-color: #ff6400;
--radio-checked-disabled-bg-color: #f2f4f8;
--radio-border-color: #dee1e4;
--radio-hovered-border-color: #284cc0;
--radio-checked-border-color: #284cc0;
--radio-disabled-border-color: #eef1f6;
--radio-checked-disabled-border-color: #eef1f6;
--radio-checked-hovered-border-color: transparent;
--radio-checked-circle-color: #FFFFFF;
--radio-disabled-circle-color: #c3cbd5;
--radio-checked-hovered-circle-color: #FFFFFF;
--radio-checked-disabled-circle-color: #c3cbd5;
--radio-normal-font-color: #545d75;
--radio-normal-font-color-disabled: #c3cbd5;
--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: #eef1f6;
--radio-button-bg-color-checked: #FFFFFF;
--radio-button-bg-color-disabled: #f2f4f8;
--radio-button-bg-color-checked-disabled: #eef1f6;
--radio-button-border-color: #dee1e4;
--radio-button-border-color-hovered: #c3cbd5;
--radio-button-border-color-checked: #284cc0;
--radio-button-border-color-disabled: #eef1f6;
--radio-button-border-color-checked-disabled: #eef1f6;
--radio-button-font-color: #545d75;
--radio-button-font-color-hovered: #545d75;
--radio-button-font-color-checked: #284cc0;
--radio-button-font-color-disabled: #c3cbd5;
--radio-button-font-color-checked-disabled: #c3cbd5;
}