@use "sass:map";
@use "./variables.scss" as variables;

@mixin breakpoint($breakpoint) {
  $breakpoints: (
    "xs": variables.$arc-size-breakpoints-xs, 
    "s": variables.$arc-size-breakpoints-s, 
    "m": variables.$arc-size-breakpoints-m,
    "l": variables.$arc-size-breakpoints-l,
    "xl": variables.$arc-size-breakpoints-xl,
    "xxl": variables.$arc-size-breakpoints-xxl
  );

  @media (min-width: map.get($breakpoints, $breakpoint)) {
    @content;
  }
}