Media Queries map with each loop

SassMeister-input.scss

// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----

$mqs: (
  '500px': ('font-size': 12px, 'color': #000),
  '1000px': ('font-size': 18px, 'color': #ccc),
);

body {
  @each $width, $properties in $mqs {
    @media (max-width: $width) {
      @each $property, $value in $properties {
        #{$property}: $value;
      }
    }
  }
}

SassMeister-output.css

@media (max-width: 500px) {
  body {
    font-size: 12px;
    color: #000;
  }
}
@media (max-width: 1000px) {
  body {
    font-size: 18px;
    color: #ccc;
  }
}