// Base Breakpoints
$breakpoints: (
  "deskI": 2200px,
  "deskL": 1800px,
  "deskM": 1440px,
  "deskS": 1365px,
  "tabL": 1200px,
  "tabM": 768px,
  "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;
  }
}