Generated by SassMeister.com.

SassMeister-input-HTML.html

<div></div>

SassMeister-input.scss

// ----
// Sass (v3.4.12)
// Compass (v1.0.3)
// ----

$breakpoints: (
  'break-1': 600px,
  'break-2': 800px
);

@mixin breakpoint($name) {
  @if not map-has-key($breakpoints, $name) {
    @warn "Invalid breakpoint `#{$name}`.";
  }

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

div {
  width: 100%;
  height: 100px;
  display: block;
  background: blue;
  
  @include breakpoint(break-1) {
    background: red;
  }
}

SassMeister-output.css

div {
  width: 100%;
  height: 100px;
  display: block;
  background: blue;
}
@media (min-width: 600px) {
  div {
    background: red;
  }
}

SassMeister-rendered.html

<div></div>