@adobe/spectrum-css/dist/components/checkbox/vars.css

The Spectrum CSS top-level backwards compatible package

.spectrum-Checkbox {
  --spectrum-alias-focus-ring-gap: var(--spectrum-global-dimension-static-size-25);
  --spectrum-checkbox-s-text-font-style: var(--spectrum-global-font-style-regular);
  --spectrum-checkbox-s-text-font-weight: var(--spectrum-alias-body-text-font-weight);
  --spectrum-checkbox-s-text-line-height: var(--spectrum-alias-component-text-line-height);
  --spectrum-checkbox-s-box-border-radius: var(--spectrum-alias-border-radius-small);
  --spectrum-checkbox-s-box-border-size: var(--spectrum-alias-border-size-thick);
  --spectrum-checkbox-s-text-size: var(--spectrum-alias-item-text-size-s);
  --spectrum-checkbox-s-text-padding-top: var(--spectrum-alias-item-text-padding-top-s);
  --spectrum-checkbox-s-height: var(--spectrum-alias-item-height-s);
  --spectrum-checkbox-s-checkmark-size: var(--spectrum-alias-ui-icon-checkmark-size-75);
  --spectrum-checkbox-s-box-size: var(--spectrum-alias-item-control-2-size-s);
  --spectrum-checkbox-s-text-gap: var(--spectrum-alias-item-control-gap-s);
  --spectrum-checkbox-m-text-font-style: var(--spectrum-global-font-style-regular);
  --spectrum-checkbox-m-text-font-weight: var(--spectrum-alias-body-text-font-weight);
  --spectrum-checkbox-m-text-line-height: var(--spectrum-alias-component-text-line-height);
  --spectrum-checkbox-m-box-border-radius: var(--spectrum-alias-border-radius-small);
  --spectrum-checkbox-m-box-border-size: var(--spectrum-alias-border-size-thick);
  --spectrum-checkbox-m-text-size: var(--spectrum-alias-item-text-size-m);
  --spectrum-checkbox-m-text-padding-top: var(--spectrum-alias-item-text-padding-top-m);
  --spectrum-checkbox-m-height: var(--spectrum-alias-item-height-m);
  --spectrum-checkbox-m-checkmark-size: var(--spectrum-alias-ui-icon-checkmark-size-100);
  --spectrum-checkbox-m-box-size: var(--spectrum-alias-item-control-2-size-m);
  --spectrum-checkbox-m-text-gap: var(--spectrum-alias-item-control-gap-m);
  --spectrum-checkbox-l-text-font-style: var(--spectrum-global-font-style-regular);
  --spectrum-checkbox-l-text-font-weight: var(--spectrum-alias-body-text-font-weight);
  --spectrum-checkbox-l-text-line-height: var(--spectrum-alias-component-text-line-height);
  --spectrum-checkbox-l-box-border-radius: var(--spectrum-alias-border-radius-small);
  --spectrum-checkbox-l-box-border-size: var(--spectrum-alias-border-size-thick);
  --spectrum-checkbox-l-text-size: var(--spectrum-alias-item-text-size-l);
  --spectrum-checkbox-l-text-padding-top: var(--spectrum-alias-item-text-padding-top-l);
  --spectrum-checkbox-l-height: var(--spectrum-alias-item-height-l);
  --spectrum-checkbox-l-checkmark-size: var(--spectrum-alias-ui-icon-checkmark-size-200);
  --spectrum-checkbox-l-box-size: var(--spectrum-alias-item-control-2-size-l);
  --spectrum-checkbox-l-text-gap: var(--spectrum-alias-item-control-gap-l);
  --spectrum-checkbox-xl-text-font-style: var(--spectrum-global-font-style-regular);
  --spectrum-checkbox-xl-text-font-weight: var(--spectrum-alias-body-text-font-weight);
  --spectrum-checkbox-xl-text-line-height: var(--spectrum-alias-component-text-line-height);
  --spectrum-checkbox-xl-box-border-radius: var(--spectrum-alias-border-radius-small);
  --spectrum-checkbox-xl-box-border-size: var(--spectrum-alias-border-size-thick);
  --spectrum-checkbox-xl-text-size: var(--spectrum-alias-item-text-size-xl);
  --spectrum-checkbox-xl-text-padding-top: var(--spectrum-alias-item-text-padding-top-xl);
  --spectrum-checkbox-xl-height: var(--spectrum-alias-item-height-xl);
  --spectrum-checkbox-xl-checkmark-size: var(--spectrum-alias-ui-icon-checkmark-size-300);
  --spectrum-checkbox-xl-box-size: var(--spectrum-alias-item-control-2-size-xl);
  --spectrum-checkbox-xl-text-gap: var(--spectrum-alias-item-control-gap-xl);
  --spectrum-checkbox-m-text-color: var(--spectrum-alias-text-color);
  --spectrum-checkbox-m-checkmark-color: var(--spectrum-global-color-gray-75);
  --spectrum-checkbox-m-box-border-color: var(--spectrum-global-color-gray-600);
  --spectrum-checkbox-m-box-background-color: var(--spectrum-global-color-gray-75);
  --spectrum-checkbox-m-box-border-color-selected: var(--spectrum-global-color-gray-700);
  --spectrum-checkbox-m-box-border-color-selected-hover: var(--spectrum-global-color-gray-800);
  --spectrum-checkbox-m-box-border-color-selected-down: var(--spectrum-global-color-gray-900);
  --spectrum-checkbox-m-box-border-color-hover: var(--spectrum-global-color-gray-700);
  --spectrum-checkbox-m-text-color-hover: var(--spectrum-alias-text-color-hover);
  --spectrum-checkbox-m-box-border-color-down: var(--spectrum-global-color-gray-800);
  --spectrum-checkbox-m-text-color-down: var(--spectrum-alias-text-color-down);
  --spectrum-checkbox-m-box-border-color-disabled: var(--spectrum-global-color-gray-400);
  --spectrum-checkbox-m-box-background-color-disabled: var(--spectrum-global-color-gray-75);
  --spectrum-checkbox-m-text-color-disabled: var(--spectrum-alias-text-color-disabled);
  --spectrum-checkbox-m-box-border-color-key-focus: var(--spectrum-global-color-gray-700);
  --spectrum-checkbox-m-focus-ring-size-key-focus: var(--spectrum-alias-focus-ring-size);
  --spectrum-checkbox-m-focus-ring-color-key-focus: var(--spectrum-alias-focus-ring-color);
  --spectrum-checkbox-m-box-border-color-selected-key-focus: var(--spectrum-global-color-gray-800);
  --spectrum-checkbox-m-text-color-key-focus: var(--spectrum-alias-text-color-hover);
  --spectrum-checkbox-m-emphasized-box-border-color-selected: var(--spectrum-global-color-blue-500);
  --spectrum-checkbox-m-emphasized-box-border-color-selected-hover: var(--spectrum-global-color-blue-600);
  --spectrum-checkbox-m-emphasized-box-border-color-selected-down: var(--spectrum-global-color-blue-700);
  --spectrum-checkbox-m-box-border-color-error: var(--spectrum-global-color-red-500);
  --spectrum-checkbox-m-text-color-error: var(--spectrum-global-color-red-600);
  --spectrum-checkbox-m-box-border-color-error-hover: var(--spectrum-global-color-red-600);
  --spectrum-checkbox-m-text-color-error-hover: var(--spectrum-global-color-red-700);
  --spectrum-checkbox-m-box-border-color-error-down: var(--spectrum-global-color-red-700);
  --spectrum-checkbox-m-text-color-error-down: var(--spectrum-global-color-red-700);
  --spectrum-checkbox-m-focus-ring-gap-key-focus: var(--spectrum-alias-focus-ring-gap);
}