Generated by SassMeister.com.

SassMeister-input.scss

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

$team-primary: red;
$color-map:(
  black: '#000000', 
  white: '#FFFFFF', 
  gray: '#CCCCCC'
);

@function create-palette($color-map) {
  $list: ();
 
  @each $color-name, $color in $color-map {
    $list: append($list, '<li style="background-color:#{$color}">#{$color-name}</li>');
  }
  
  @return '<ul>#{$list}</ul>';
}

/*
Test

Markup:
<h1 class="#{$team-primary}">h1 Heading</h1>
#{create-palette($color-map)}

Styleguide 1.1
*/

SassMeister-output.css

/*
Test

Markup:
<h1 class="red">h1 Heading</h1>
<ul><li style="background-color:#000000">black</li> <li style="background-color:#FFFFFF">white</li> <li style="background-color:#CCCCCC">gray</li></ul>

Styleguide 1.1
*/