Breakpoints

Available breakpoints

$breakpoints: (
  "xs": 0,
  "sm": 576px,
  "md": 768px,
  "lg": 992px,
  "xl": 1200px,
);

Override breakpoints

@use "kristal" with (
  $breakpoints: (
      "xsmall": 0,
      "small": 576px,
      "medium": 768px,
      "large": 992px,
      "xlarge": 1200px,
  );
);

Extending breakpoints

@use "kristal" with (
  $breakpoints: (
    "extend": (
      "xxl": 1400px,
    ),
  );
);