nuxtProject/assets/scss/base/medias.scss

//@import "variables";

@mixin mediaMax($breakpoint-name) {
  @if map-has-key($grid-breakpoints, $breakpoint-name) {
    @media (max-width: #{map_get($grid-breakpoints, $breakpoint-name)}) {
      @content;
    }
  } @else {
    @error "breakpoint not supported!";
  }
}
@mixin mediaMin($breakpoint-name) {
  @if map-has-key($grid-breakpoints, $breakpoint-name) {
    @media (min-width: #{map_get($grid-breakpoints, $breakpoint-name)}) {
      @content;
    }
  } @else {
    @error "breakpoint not supported!";
  }
}