@adobe/spectrum-css
Version:
The Spectrum CSS top-level backwards compatible package
39 lines (37 loc) • 3.08 kB
CSS
.spectrum-Checkbox {
--spectrum-checkbox-height: var(--spectrum-global-dimension-size-400);
--spectrum-checkbox-cursor-hit-x: var(--spectrum-global-dimension-size-100);
--spectrum-checkbox-box-size: var(--spectrum-global-dimension-size-175);
--spectrum-checkbox-text-gap: var(--spectrum-global-dimension-size-125);
--spectrum-checkbox-text-size: var(--spectrum-alias-font-size-default);
--spectrum-checkbox-text-font-weight: var(--spectrum-global-font-weight-regular);
--spectrum-checkbox-box-border-radius: var(--spectrum-alias-border-radius-small);
--spectrum-checkbox-box-border-size: var(--spectrum-alias-border-size-thick);
--spectrum-icon-checkmark-small-height: undefined;
--spectrum-icon-checkmark-small-width: undefined;
--spectrum-checkbox-emphasized-text-color: var(--spectrum-alias-text-color);
--spectrum-checkbox-emphasized-box-border-color: var(--spectrum-global-color-gray-600);
--spectrum-checkbox-emphasized-box-background-color: var(--spectrum-global-color-gray-75);
--spectrum-checkbox-emphasized-box-border-color-selected: var(--spectrum-global-color-blue-500);
--spectrum-checkbox-emphasized-box-border-color-selected-hover: var(--spectrum-global-color-blue-600);
--spectrum-checkbox-emphasized-box-border-color-selected-down: var(--spectrum-global-color-blue-700);
--spectrum-checkbox-emphasized-box-border-color-hover: var(--spectrum-global-color-gray-700);
--spectrum-checkbox-emphasized-text-color-hover: var(--spectrum-alias-text-color-hover);
--spectrum-checkbox-emphasized-box-border-color-down: var(--spectrum-global-color-gray-800);
--spectrum-checkbox-emphasized-text-color-down: var(--spectrum-alias-text-color-down);
--spectrum-checkbox-emphasized-checkmark-color: var(--spectrum-global-color-gray-75);
--spectrum-checkbox-emphasized-box-border-color-disabled: var(--spectrum-global-color-gray-400);
--spectrum-checkbox-emphasized-box-background-color-disabled: var(--spectrum-global-color-gray-75);
--spectrum-checkbox-emphasized-text-color-disabled: var(--spectrum-alias-text-color-disabled);
--spectrum-checkbox-emphasized-box-border-color-key-focus: var(--spectrum-alias-border-color-focus);
--spectrum-checkbox-emphasized-text-color-key-focus: var(--spectrum-alias-text-color-key-focus);
--spectrum-checkbox-quiet-box-border-color-selected: var(--spectrum-global-color-gray-700);
--spectrum-checkbox-quiet-box-border-color-selected-hover: var(--spectrum-global-color-gray-800);
--spectrum-checkbox-quiet-box-border-color-selected-down: var(--spectrum-global-color-gray-900);
--spectrum-checkbox-box-border-color-error: var(--spectrum-global-color-red-500);
--spectrum-checkbox-text-color-error: var(--spectrum-global-color-red-600);
--spectrum-checkbox-box-border-color-error-hover: var(--spectrum-global-color-red-600);
--spectrum-checkbox-text-color-error-hover: var(--spectrum-global-color-red-700);
--spectrum-checkbox-box-border-color-error-down: var(--spectrum-global-color-red-700);
--spectrum-checkbox-text-color-error-down: var(--spectrum-global-color-red-700);
}