// Base Breakpoints
$breakpoints: (
  'deskL': 1799px,
  'deskM': 1439px,
  'deskS': 1365px,
  'tabL': 1024px,
  'tabM': 767px,
  'tabS': 720px,
  'mobL': 480px,
  'mobML': 393px,
  'mobM': 375px,
);

@mixin breakpoint-down($breakpoint) {
  @media (max-width: map_get($breakpoints, $breakpoint)) {
    @content;
  }
}

@mixin breakpoint-up($breakpoint) {
  @media (min-width: map_get($breakpoints, $breakpoint)) {
    @content;
  }
}