BREAKPOINTS

code

const BREAKPOINTS: {
  lg: 1024;
  md: 768;
  sm: 640;
  xl: 1280;
  xs: 0;
  xxl: 1536;
};

Responsive breakpoints (min-width, inclusive). Matches the theme-tokens.md skill so design + code share one breakpoint table.

Type Declaration

code

readonly lg: 1024 = 1024;

code

readonly md: 768 = 768;

code

readonly sm: 640 = 640;

code

readonly xl: 1280 = 1280;

code

readonly xs: 0 = 0;

code

readonly xxl: 1536 = 1536;

code

import { BREAKPOINTS } from '@elitechart/core';
console.log(BREAKPOINTS.md); // 768