Generated by SassMeister.com.

SassMeister-input.scss

// ----
// libsass (v3.2.5)
// ----

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


  @each $key, $value in $mqs {
    @media ( max-width: $key) {
      @each $prop, $val in $value {
        #{$prop}: $val
      }
    }
  }

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

SassMeister-output.css

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

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