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

Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.

/**
 * Do not edit directly
 * Generated on Wed, 17 Dec 2025 14:40:36 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);
}