@primer/brand-primitives/lib/design-tokens/css/tokens/functional/components/river/river.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-RiverBreakout-spacing-inner: var(--base-size-40);
  --brand-River-spacing-outer: var(--base-size-36);
  --brand-River-spacing-innerY: var(--base-size-24);
  --brand-River-spacing-inner: var(--base-size-24);
}

@media (min-width: 768px) {
  :root {
    --brand-RiverBreakout-spacing-inner: var(--base-size-48);
    --brand-River-spacing-innerY: var(--base-size-24);
    --brand-River-spacing-inner: var(--base-size-36);
  }
}

@media (min-width: 1280px) {
  :root {
    --brand-RiverBreakout-spacing-inner: var(--base-size-64);
    --brand-River-spacing-outer: var(--base-size-48);
    --brand-River-spacing-innerY: var(--base-size-32);
    --brand-River-spacing-inner: var(--base-size-48);
  }
}