@aragon/gov-ui-kit/src/theme/tokens/primitives/breakpoints.css

Implementation of the Aragon's Governance UI Kit

:root {
  --breakpoint-sm-px: 640;
  --breakpoint-md-px: 768;
  --breakpoint-lg-px: 1024;
  --breakpoint-xl-px: 1280;
  --breakpoint-2xl-px: 1536;
}

@theme {
  --breakpoint-*: initial;
  --breakpoint-sm: 40rem;
  --breakpoint-md: 48rem;
  --breakpoint-lg: 64rem;
  --breakpoint-xl: 80rem;
  --breakpoint-2xl: 96rem;
}