@adobe/spectrum-css
Version:
The Spectrum CSS top-level backwards compatible package
31 lines (29 loc) • 2.46 kB
CSS
.spectrum-Radio {
--spectrum-radio-height: var(--spectrum-global-dimension-size-400);
--spectrum-radio-cursor-hit-x: var(--spectrum-global-dimension-size-100);
--spectrum-radio-circle-diameter: var(--spectrum-global-dimension-size-175);
--spectrum-radio-circle-dot-size: var(--spectrum-global-dimension-static-size-50);
--spectrum-radio-text-gap: var(--spectrum-global-dimension-size-125);
--spectrum-radio-text-size: var(--spectrum-alias-font-size-default);
--spectrum-radio-circle-border-size: var(--spectrum-alias-border-size-thick);
--spectrum-radio-emphasized-circle-border-color-selected: var(--spectrum-global-color-blue-500);
--spectrum-radio-emphasized-text-color: var(--spectrum-alias-text-color);
--spectrum-radio-emphasized-circle-background-color: var(--spectrum-global-color-gray-75);
--spectrum-radio-emphasized-circle-border-color: var(--spectrum-global-color-gray-600);
--spectrum-radio-emphasized-circle-border-color-hover: var(--spectrum-global-color-gray-700);
--spectrum-radio-emphasized-circle-border-color-selected-hover: var(--spectrum-global-color-blue-600);
--spectrum-radio-emphasized-text-color-hover: var(--spectrum-alias-text-color-hover);
--spectrum-radio-emphasized-circle-border-color-down: var(--spectrum-global-color-gray-800);
--spectrum-radio-emphasized-circle-border-color-selected-down: var(--spectrum-global-color-blue-700);
--spectrum-radio-emphasized-text-color-down: var(--spectrum-alias-text-color-down);
--spectrum-radio-quiet-circle-border-color-selected: var(--spectrum-global-color-gray-700);
--spectrum-radio-quiet-circle-border-color-selected-hover: var(--spectrum-global-color-gray-800);
--spectrum-radio-quiet-circle-border-color-selected-down: var(--spectrum-global-color-gray-900);
--spectrum-radio-emphasized-circle-border-color-error-hover: var(--spectrum-global-color-red-600);
--spectrum-radio-emphasized-circle-border-color-error-down: var(--spectrum-global-color-red-700);
--spectrum-radio-emphasized-circle-border-color-error: var(--spectrum-global-color-red-500);
--spectrum-radio-emphasized-circle-border-color-disabled: var(--spectrum-global-color-gray-400);
--spectrum-radio-emphasized-text-color-disabled: var(--spectrum-alias-text-color-disabled);
--spectrum-radio-emphasized-circle-border-color-key-focus: var(--spectrum-global-color-blue-400);
--spectrum-radio-emphasized-text-color-key-focus: var(--spectrum-alias-text-color-key-focus);
}