Generated by SassMeister.com.

SassMeister-input.scss

// ----
// libsass (v3.3.6)
// ----

$colors: (
  lightblue: lightblue,
  blue: blue,
  black: #000000,
  white: #ffffff
);

@each $class, $color in $colors {
  .bk--#{$class} {
    background-color: $color;
  }
}

$headers: (
  h1: 2rem, 
  h2: 1.5rem, 
  h3: 1.2rem
);

@each $header, $size in $headers {
  #{$header} {
    font-size: $size;
  }
}

$alerts: (
  success: green,
  alert: red,
  info: blue
);

@each $alert, $alert-color in $alerts {
  .icon-#{$alert} {
    background-color: $alert-color;
  }
}

SassMeister-output.css

.bk--lightblue {
  background-color: lightblue; }

.bk--blue {
  background-color: blue; }

.bk--black {
  background-color: #000000; }

.bk--white {
  background-color: #ffffff; }

h1 {
  font-size: 2rem; }

h2 {
  font-size: 1.5rem; }

h3 {
  font-size: 1.2rem; }

.icon-success {
  background-color: green; }

.icon-alert {
  background-color: red; }

.icon-info {
  background-color: blue; }