@adobe/spectrum-css
Version:
The Spectrum CSS top-level backwards compatible package
40 lines (38 loc) • 3.04 kB
CSS
.spectrum-Textfield {
--spectrum-textfield-border-size: var(--spectrum-alias-border-size-thin);
--spectrum-textfield-border-radius: var(--spectrum-alias-border-radius-regular);
--spectrum-textfield-padding-x: var(--spectrum-global-dimension-size-150);
--spectrum-textfield-min-width: var(--spectrum-global-dimension-size-600);
--spectrum-textfield-height: var(--spectrum-alias-single-line-height);
--spectrum-alias-single-line-width: var(--spectrum-global-dimension-size-2400);
--spectrum-textfield-text-size: var(--spectrum-alias-font-size-default);
--spectrum-textfield-text-line-height: var(--spectrum-alias-body-text-line-height);
--spectrum-textfield-placeholder-text-font-weight: var(--spectrum-global-font-weight-regular);
--spectrum-textfield-placeholder-text-font-style: var(--spectrum-global-font-style-italic);
--spectrum-icon-alert-medium-width: var(--spectrum-global-dimension-size-225);
--spectrum-textfield-icon-margin-left: var(--spectrum-global-dimension-size-150);
--spectrum-icon-checkmark-medium-width: undefined;
--spectrum-textfield-icon-size: var(--spectrum-global-dimension-size-225);
--spectrum-textfield-quiet-border-size: var(--spectrum-alias-border-size-thin);
--spectrum-textfield-quiet-padding-x: 0;
--spectrum-textfield-background-color: var(--spectrum-global-color-gray-50);
--spectrum-textfield-border-color: var(--spectrum-global-color-gray-300);
--spectrum-textfield-text-color: var(--spectrum-alias-text-color);
--spectrum-textfield-placeholder-text-color: var(--spectrum-alias-placeholder-text-color);
--spectrum-textfield-border-color-hover: var(--spectrum-global-color-gray-400);
--spectrum-textfield-placeholder-text-color-hover: var(--spectrum-alias-placeholder-text-color-hover);
--spectrum-textfield-border-color-down: var(--spectrum-alias-border-color-down);
--spectrum-textfield-border-color-key-focus: var(--spectrum-alias-border-color-focus);
--spectrum-textfield-background-color-disabled: var(--spectrum-global-color-gray-200);
--spectrum-textfield-border-color-disabled: var(--spectrum-alias-border-color-transparent);
--spectrum-textfield-text-color-disabled: var(--spectrum-alias-text-color-disabled);
--spectrum-textfield-placeholder-text-color-disabled: var(--spectrum-alias-text-color-disabled);
--spectrum-textfield-border-color-error: var(--spectrum-global-color-red-500);
--spectrum-textfield-quiet-background-color: var(--spectrum-alias-background-color-transparent);
--spectrum-textfield-quiet-border-color: var(--spectrum-global-color-gray-300);
--spectrum-textfield-quiet-border-color-hover: var(--spectrum-global-color-gray-400);
--spectrum-textfield-quiet-border-color-down: var(--spectrum-alias-border-color-down);
--spectrum-textfield-quiet-border-color-key-focus: var(--spectrum-alias-border-color-focus);
--spectrum-textfield-quiet-background-color-disabled: var(--spectrum-alias-background-color-transparent);
--spectrum-textfield-quiet-border-color-disabled: var(--spectrum-alias-border-color-mid);
}