Generated by SassMeister.com.

SassMeister-input.scss

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

$bp-small: 20em;

@mixin breakpoint($point) {
  @if $point == small {
    @media (min-width: $bp-small) { @content; }
  }
  @else if $point == medium {
    @media (min-width: $bp-medium) { @content; }
  }
  @else if $point == large {
    @media (min-width: $bp-large)  { @content; }
  }
}

@mixin bp($point) {
    @media (min-width: $point) { @content; }
}

.test-a {
  @include breakpoint(small) {
    padding: 10px;
  }
}

.test-b {
  @include bp($bp-small) {
    padding: 10px;
  }
}

SassMeister-output.css

@media (min-width: 20em) {
  .test-a {
    padding: 10px;
  }
}

@media (min-width: 20em) {
  .test-b {
    padding: 10px;
  }
}