@primer/brand-primitives/lib/design-tokens/css/tokens/functional/size/size.css

Color, spacing, and typography primitives for the Primer Brand Design System

/**
 * Do not edit directly
 * Generated on Thu, 12 Mar 2026 15:02:27 GMT
 */

:root {
  --brand-control-animation-easing: var(--brand-animation-easing-glide);
  --brand-control-animation-duration: 80ms;
  --brand-control-large-size: 3.75rem;
  --brand-controlStack-large-gap-spacious: var(--base-size-12);
  --brand-controlStack-large-gap-condensed: var(--base-size-8);
  --brand-controlStack-large-gap-auto: var(--base-size-8);
  --brand-controlStack-medium-gap-spacious: var(--base-size-12);
  --brand-controlStack-medium-gap-condensed: var(--base-size-8);
  --brand-controlStack-small-gap-spacious: var(--base-size-16);
  --brand-controlStack-small-gap-condensed: var(--base-size-8);
  --brand-stack-gap-spacious: var(--base-size-48);
  --brand-stack-gap-normal: var(--base-size-24);
  --brand-stack-gap-condensed: var(--base-size-16);
  --brand-stack-padding-spacious: var(--base-size-48);
  --brand-stack-padding-normal: var(--base-size-24);
  --brand-stack-padding-condensed: var(--base-size-16);
  --brand-box-spacing-spacious: var(--base-size-48);
  --brand-box-spacing-normal: var(--base-size-24);
  --brand-box-spacing-condensed: var(--base-size-16);
  --brand-control-large-gap: var(--base-size-16);
  --brand-control-large-paddingInline-spacious: var(--base-size-32);
  --brand-control-large-paddingInline-normal: var(--base-size-20);
  --brand-control-large-paddingInline-condensed: var(--base-size-16);
  --brand-control-large-paddingBlock-normal: var(--base-size-20);
  --brand-control-large-paddingBlock-condensed: var(--base-size-12);
  --brand-control-large-lineBoxHeight: var(--base-size-20);
  --brand-control-medium-gap: var(--base-size-12);
  --brand-control-medium-paddingInline-spacious: var(--base-size-28);
  --brand-control-medium-paddingInline-normal: var(--base-size-16);
  --brand-control-medium-paddingInline-condensed: var(--base-size-12);
  --brand-control-medium-paddingBlock-normal: var(--base-size-16);
  --brand-control-medium-paddingBlock-condensed: var(--base-size-6);
  --brand-control-medium-lineBoxHeight: var(--base-size-16);
  --brand-control-medium-size: var(--base-size-48);
  --brand-control-small-gap: var(--base-size-8);
  --brand-control-small-paddingInline-spacious: var(--base-size-24);
  --brand-control-small-paddingInline-normal: var(--base-size-12);
  --brand-control-small-paddingInline-condensed: var(--base-size-8);
  --brand-control-small-paddingBlock: var(--base-size-8);
  --brand-control-small-lineBoxHeight: var(--base-size-12);
  --brand-control-small-size: var(--base-size-32);
  --brand-control-minTarget-coarse: var(--base-size-44);
  --brand-control-minTarget-fine: var(--base-size-16);
}