@primer/react-brand/lib/design-tokens/css/tokens/functional/components/bento/base.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, 24 Jun 2026 12:18:11 GMT
 */

:root {
  --brand-Bento-content-padding-spacious: 3.5rem;
  --brand-Bento-content-padding-normal: var(--base-size-24);
  --brand-Bento-content-padding-condensed: var(--base-size-16);
  --brand-Bento-item-borderRadius-large: var(--brand-borderRadius-xlarge);
  --brand-Bento-item-borderRadius-medium: var(--brand-borderRadius-xlarge);
  --brand-Bento-item-borderRadius-small: var(--brand-borderRadius-large);
  --brand-Bento-gap-small: var(--base-size-20);
  --brand-Bento-gap-medium: var(--base-size-32);
  --brand-Bento-gap-large: var(--base-size-32);
}