$modal-md: 600px;
$grid-breakpoints: (
+ // CLASSIC BREAKPOINTS GROUP
// Extra small screen / phone
xs: 0,
// Small screen / phone
lg: 900px,
// Extra large screens / wide desktops
xl: 1200px,
- xxl: 1600px
+ xxl: 1600px,
+
+ // SCREEN GROUP
+ fhd: 1800px,
+ qhd: 2560px,
+ uhd: 3840px
);
+@function breakpoint($label) {
+ @return map-get($grid-breakpoints, $label);
+}
+
$container-max-widths: (
sm: 420px,
md: 720px,