Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class="icon--checkmark"></div>
<div class="icon--plus"></div>
<div class="icon--minus"></div>

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
*/

/* 1. Loop Through a Map and Generate Classes */

/* Define the Sassy Map called $icons */
$icons: (
  checkmark: "\2713",
  plus: "+",
  minus: "-"
);
 
/* For each key in the map, created an own class */
@each $name, $value in $icons {
  .icon--#{$name} {
    &:after{
      content: $value;
    }
  }
}

SassMeister-output.css

@charset "UTF-8";
/*
Source: http://webdesign.tutsplus.com/tutorials/an-introduction-to-sass-maps-usage-and-examples--cms-22184
Topic: An Introduction to Sass Maps: Usage
*/
/* 1. Loop Through a Map and Generate Classes */
/* Define the Sassy Map called $icons */
/* For each key in the map, created an own class */
.icon--checkmark:after {
  content: "✓";
}

.icon--plus:after {
  content: "+";
}

.icon--minus:after {
  content: "-";
}

SassMeister-rendered.html

<div class="icon--checkmark"></div>
<div class="icon--plus"></div>
<div class="icon--minus"></div>