Generated by SassMeister.com.

SassMeister-input-HTML.haml

.box

SassMeister-input.scss

// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----

$white: #fff;

$statuses: (
  new:         #3c97d7,
  in-progress: #f0c541,
  movement:    #d79930,
  paused:      #e44d42,
  cancelled:   #676767,
  done:        #6dc546,
  archived:    #dcdcdc #a4a4a4,
  confirmed:   #6dc546,
  recalled:    #2f3a42
);

@each $status, $colors in $statuses {
  .badge--#{$status},
  .label--#{$status} {
    background: nth($colors, 1);
    color: if(length($colors) == 1, $white, nth($colors, 2));
  }
}

SassMeister-output.css

.badge--new,
.label--new {
  background: #3c97d7;
  color: #fff;
}

.badge--in-progress,
.label--in-progress {
  background: #f0c541;
  color: #fff;
}

.badge--movement,
.label--movement {
  background: #d79930;
  color: #fff;
}

.badge--paused,
.label--paused {
  background: #e44d42;
  color: #fff;
}

.badge--cancelled,
.label--cancelled {
  background: #676767;
  color: #fff;
}

.badge--done,
.label--done {
  background: #6dc546;
  color: #fff;
}

.badge--archived,
.label--archived {
  background: #dcdcdc;
  color: #a4a4a4;
}

.badge--confirmed,
.label--confirmed {
  background: #6dc546;
  color: #fff;
}

.badge--recalled,
.label--recalled {
  background: #2f3a42;
  color: #fff;
}

SassMeister-rendered.html

<div class='box'></div>