@primer/react-brand/lib/design-tokens/css/tokens/functional/components/section/section.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:37 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);
  }
}