Scopeless Media query sass placeholder

gistfile1.txt

$breakpoints: (sm:576px, md:768px, lg:992px, xl:1200px);

%button-reset {
  $media: sm;
  appearance: none;
  border: none;
  outline: none;
  @each $screen-size, $breakpoint-value in $breakpoints {
    @if ( index($media,$screen-size) ) {
      @media (min-width: $breakpoint-value) {
        font-size: 0.8em;
        border: 1px solid #333;
      }
    }
  }
}

.basic-button {
  @extend %button-reset;
}