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

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

/**
 * Do not edit directly
 * Generated on Fri, 01 Aug 2025 13:48:38 GMT
 */

:root {
  --brand-Section-container-maxWidth: 80rem;
  --brand-Section-padding-spacious: var(--base-size-64);
  --brand-Section-padding-normal: var(--base-size-48);
  --brand-Section-padding-condensed: var(--base-size-16);
}

@media (min-width: 768px) {
  :root {
    --brand-Section-padding-spacious: var(--base-size-80);
    --brand-Section-padding-normal: var(--base-size-64);
    --brand-Section-padding-condensed: var(--base-size-32);
  }
}

@media (min-width: 1024px) {
  :root {
    --brand-Section-padding-spacious: var(--base-size-128);
    --brand-Section-padding-normal: var(--base-size-96);
    --brand-Section-padding-condensed: var(--base-size-48);
  }
}