@adobe/spectrum-css
Version:
The Spectrum CSS top-level backwards compatible package
55 lines (54 loc) • 4.57 kB
CSS
.spectrum--medium,
.spectrum--large {
--spectrum-alias-dropshadow-blur: var(--spectrum-global-dimension-size-50);
--spectrum-alias-dropshadow-offset-y: var(--spectrum-global-dimension-size-10);
--spectrum-alias-font-size-default: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-line-height-small: var(--spectrum-global-dimension-size-200);
--spectrum-alias-line-height-medium: var(--spectrum-global-dimension-size-250);
--spectrum-alias-line-height-large: var(--spectrum-global-dimension-size-300);
--spectrum-alias-line-height-xlarge: var(--spectrum-global-dimension-size-400);
--spectrum-alias-line-height-xxlarge: var(--spectrum-global-dimension-size-600);
--spectrum-alias-layout-label-gap-size: var(--spectrum-global-dimension-size-100);
--spectrum-alias-pill-button-text-size: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-pill-button-text-baseline: var(--spectrum-global-dimension-static-size-150);
--spectrum-alias-border-radius-xsmall: var(--spectrum-global-dimension-size-10);
--spectrum-alias-border-radius-small: var(--spectrum-global-dimension-size-25);
--spectrum-alias-border-radius-regular: var(--spectrum-global-dimension-size-50);
--spectrum-alias-border-radius-medium: var(--spectrum-global-dimension-size-100);
--spectrum-alias-border-radius-large: var(--spectrum-global-dimension-size-200);
--spectrum-alias-single-line-height: var(--spectrum-global-dimension-size-400);
--spectrum-alias-single-line-width: var(--spectrum-global-dimension-size-2400);
--spectrum-alias-workflow-icon-size: var(--spectrum-global-dimension-size-225);
--spectrum-alias-heading-han-display1-text-size: var(--spectrum-global-dimension-font-size-1000);
--spectrum-alias-heading-han-xxxl-text-size: var(--spectrum-global-dimension-font-size-1000);
--spectrum-alias-heading-han-display1-margin-top: var(--spectrum-global-dimension-font-size-900);
--spectrum-alias-heading-han-xxxl-margin-top: var(--spectrum-global-dimension-font-size-900);
--spectrum-alias-heading-han-display2-text-size: var(--spectrum-global-dimension-font-size-900);
--spectrum-alias-heading-han-xxl-text-size: var(--spectrum-global-dimension-font-size-900);
--spectrum-alias-heading-han-display2-margin-top: var(--spectrum-global-dimension-font-size-800);
--spectrum-alias-heading-han-xxl-margin-top: var(--spectrum-global-dimension-font-size-800);
--spectrum-alias-heading1-han-text-size: var(--spectrum-global-dimension-font-size-800);
--spectrum-alias-heading-han-xl-text-size: var(--spectrum-global-dimension-font-size-800);
--spectrum-alias-heading1-han-margin-top: var(--spectrum-global-dimension-font-size-700);
--spectrum-alias-heading-han-xl-margin-top: var(--spectrum-global-dimension-font-size-700);
--spectrum-alias-heading2-han-text-size: var(--spectrum-global-dimension-font-size-600);
--spectrum-alias-heading-han-l-text-size: var(--spectrum-global-dimension-font-size-600);
--spectrum-alias-heading2-han-margin-top: var(--spectrum-global-dimension-font-size-500);
--spectrum-alias-heading-han-l-margin-top: var(--spectrum-global-dimension-font-size-500);
--spectrum-alias-heading3-han-text-size: var(--spectrum-global-dimension-font-size-400);
--spectrum-alias-heading-han-m-text-size: var(--spectrum-global-dimension-font-size-400);
--spectrum-alias-heading3-han-margin-top: var(--spectrum-global-dimension-font-size-300);
--spectrum-alias-heading-han-m-margin-top: var(--spectrum-global-dimension-font-size-300);
--spectrum-alias-heading4-text-size: var(--spectrum-global-dimension-font-size-300);
--spectrum-alias-heading-s-text-size: var(--spectrum-global-dimension-font-size-300);
--spectrum-alias-heading4-margin-top: var(--spectrum-global-dimension-font-size-200);
--spectrum-alias-heading-s-margin-top: var(--spectrum-global-dimension-font-size-200);
--spectrum-alias-heading5-text-size: var(--spectrum-global-dimension-font-size-200);
--spectrum-alias-heading-xs-text-size: var(--spectrum-global-dimension-font-size-200);
--spectrum-alias-heading5-margin-top: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-heading-xs-margin-top: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-heading6-text-size: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-heading-xxs-text-size: var(--spectrum-global-dimension-font-size-100);
--spectrum-alias-heading6-margin-top: var(--spectrum-global-dimension-font-size-75);
--spectrum-alias-heading-xxs-margin-top: var(--spectrum-global-dimension-font-size-75);
}