Generated by SassMeister.com.

SassMeister-input.scss

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

// Breakpoints

$tiny: 320;
$small: 480;
$medium: 800;

// Mixin

@mixin font-sizes($default, $sizes) {
  font-size: $default;

  @each $breakpoint, $size in $sizes {
      @media all and (min-width: $breakpoint) {
        font-size: $size;
      }
  }
}

// Example

.h1 {
	@include font-sizes(
	  36, 
	  (
  		$tiny: 40,
  		$small: 50,
  		$medium: 70
  	));
}

SassMeister-output.css

.h1 {
  font-size: 36;
}
@media all and (min-width: 320) {
  .h1 {
    font-size: 40;
  }
}
@media all and (min-width: 480) {
  .h1 {
    font-size: 50;
  }
}
@media all and (min-width: 800) {
  .h1 {
    font-size: 70;
  }
}