An Introduction to Sass Maps (Generated by SassMeister.com.)

SassMeister-input.scss

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

/* 
Source: http://webdesign.tutsplus.com/tutorials/an-introduction-to-sass-maps-usage-and-examples--cms-22184
Topic: An Introduction to Sass Maps: Usage and Examples
*/

/* Generating a map 
$map: (
  key: value,
  nextkey: nextvalue
);
*/

$map: (
  key: value,
  nextkey: nextvalue
);

/* Check if Ket is available*/
.element {
  @if map-has-key($map, key) {
    content: 'Map has this key.';
  } @else {
    content: 'Map has not this key.';
  }
}

/* Merge Maps Together */
$colors: (
  light: #ccc,
  dark: #000
);
$brand-colors: (
  main: red,
  alternative: blue
);

// Merge maps
$merged: map-merge($colors, $brand-colors);
.element {
  background-color: map-get($merged, alternative);
  color: map-get($merged, light);
}

SassMeister-output.css

/* 
Source: http://webdesign.tutsplus.com/tutorials/an-introduction-to-sass-maps-usage-and-examples--cms-22184
Topic: An Introduction to Sass Maps: Usage and Examples
*/
/* Generating a map 
$map: (
  key: value,
  nextkey: nextvalue
);
*/
/* Check if Ket is available*/
.element {
  content: 'Map has this key.';
}

/* Merge Maps Together */
.element {
  background-color: blue;
  color: #ccc;
}