Generated by SassMeister.com.

SassMeister-input-HTML.html

<p>
  With Sass 3.3.3 (Maptastic Maple) and 
  Compass 0.12.3 (Alnilam), maps compile to errors:
</p>
<code> error demo/sass/screen.scss (Line 5: Invalid CSS after "$map: (key1": expected ")", was ": white, key2: ...")</code>

SassMeister-input.scss

// ----
// Sass (v3.3.7)
// Compass (v1.0.0.alpha.18)
// ----

@import "compass/reset";

$color: #c6538c;

$map: (key1: white, key2: black, key3: purple);

body {
  background-color: $color;
  color: map-get($map, key2);
  margin: 1rem;
}

SassMeister-output.css

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

body {
  background-color: #c6538c;
  color: black;
  margin: 1rem;
}

SassMeister-rendered.html

<p>
  With Sass 3.3.3 (Maptastic Maple) and 
  Compass 0.12.3 (Alnilam), maps compile to errors:
</p>
<code> error demo/sass/screen.scss (Line 5: Invalid CSS after "$map: (key1": expected ")", was ": white, key2: ...")</code>