@primer/react-brand/lib/design-tokens/css/tokens/functional/components/grid/grid.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-Grid-spacing-margin: var(--base-size-16);
  --brand-Grid-spacing-column-gap: var(--base-size-16);
  --brand-Grid-spacing-row: var(--base-size-16);
}

@media (min-width: 768px) {
  :root {
    --brand-Grid-spacing-margin: var(--base-size-40);
    --brand-Grid-spacing-column-gap: var(--base-size-32);
    --brand-Grid-spacing-row: var(--base-size-32);
  }
}

@media (min-width: 1280px) {
  :root {
    --brand-Grid-spacing-margin: var(--base-size-16);
    --brand-Grid-spacing-column-gap: var(--base-size-48);
    --brand-Grid-spacing-row: var(--base-size-48);
  }
}