Generated by SassMeister.com.

SassMeister-input.scss

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

// Setting object 
$resolutions : (
  mobile: (
    name: mobile,
    shortcut: m,
    width: 320px
  ),
  tablet: (
    name: tablet,
    shortcut: t,
    width: 800px   
  )
);



// Looping through all variables
@each $i in $resolutions {
  // First we take name of sub-object
  $res_name: (nth($i, 1));
  // Then we load object variables
  $dev: map-get($resolutions, $res_name);
  
  .loop-#{$res_name} { 
    width: map_get($dev, width);
  }
}


// Calling one variable without looping
$dev: map-get($resolutions, mobile);

.single-#{map_get($dev, name)} {
  width: map-get($dev, width);
}

SassMeister-output.css

.loop-mobile {
  width: 320px;
}

.loop-tablet {
  width: 800px;
}

.single-mobile {
  width: 320px;
}