// ASSETS PATHS - overridden by dev-only for relative imports if any

$eui-assets-path: '../../../assets' !default;

// BREAKPOINT / MEDIA QUERIES boundaries

$ecl-base-breakpoints: (
  'xs': 0,
  's': 480px,
  'm': 768px,
  'l': 996px,
  'xl': 1140px,
);

// naming
$xs: new-breakpoint(min-width map-get($ecl-base-breakpoints, 'xs') max-width map-get($ecl-base-breakpoints, 's') - 1) !default;
$s: new-breakpoint(min-width map-get($ecl-base-breakpoints, 's') max-width map-get($ecl-base-breakpoints, 'm') - 1) !default;
$m: new-breakpoint(min-width map-get($ecl-base-breakpoints, 'm') max-width map-get($ecl-base-breakpoints, 'l') - 1) !default;
$l: new-breakpoint(min-width map-get($ecl-base-breakpoints, 'l') max-width map-get($ecl-base-breakpoints, 'xl') - 1) !default;
$xl: new-breakpoint(min-width map-get($ecl-base-breakpoints, 'xl') max-width 1400px) !default;
$xxl: new-breakpoint(min-width 1440px) !default;
$xxxl: new-breakpoint(min-width 1900px) !default;

// human naming
$eui-bkp-mobile-down: $xs !default;
$eui-bkp-mobile: new-breakpoint(max-width map-get($ecl-base-breakpoints, 'm') - 1) !default;
$eui-bkp-mobile-up: new-breakpoint(min-width map-get($ecl-base-breakpoints, 'm')) !default;
$eui-bkp-tablet: $m !default;
$eui-bkp-tablet-up: new-breakpoint(min-width map-get($ecl-base-breakpoints, 'l')) !default;
$eui-bkp-desktop-down: new-breakpoint(max-width map-get($ecl-base-breakpoints, 'l') - 1) !default;
$eui-bkp-desktop: new-breakpoint(min-width map-get($ecl-base-breakpoints, 'xl')) !default;
$eui-bkp-desktop-up: new-breakpoint(min-width map-get($ecl-base-breakpoints, 'l')) !default;
$eui-bkp-desktop-wide: $xxl !default;
$eui-bkp-desktop-fhd: $xxxl !default;
