Generated by SassMeister.com.

SassMeister-input-HTML.html

<div class="[ demo ]  [ color-primary ]"></div>
<div class="[ demo ]  [ color-primary-dark ]"></div>
<div class="[ demo ]  [ color-primary-light ]"></div>
<div class="[ demo ]  [ color-primary-text ]"></div>
<div class="[ demo ]  [ color-accent ]"></div>
<div class="[ demo ]  [ color-secondary-text ]"></div>
<div class="[ demo ]  [ color-divider ]"></div>

SassMeister-input.scss

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

$color-primary-dark:   #1976D2;
$color-primary:        #2196F3;
$color-primary-light:  #BBDEFB;
$color-accent:         #FF4081;
$color-primary-text:   #212121;
$color-secondary-text: #727272;
$color-divider:        #B6B6B6;

.color-primary-dark {
  background-color: $color-primary-dark;
}

.color-primary {
  background-color: $color-primary;
}

.color-primary-light {
  background-color: $color-primary-light;
}

.color-accent {
  background-color: $color-accent;
}

.color-primary-text {
  background-color: $color-primary-text;
}

.color-secondary-text {
  background-color: $color-secondary-text;
}

.color-divider {
  background-color: $color-divider;
}

.demo {
  width: 200px;
  height: 200px;
  display: inline-block;
}

SassMeister-output.css

.color-primary-dark {
  background-color: #1976D2;
}

.color-primary {
  background-color: #2196F3;
}

.color-primary-light {
  background-color: #BBDEFB;
}

.color-accent {
  background-color: #FF4081;
}

.color-primary-text {
  background-color: #212121;
}

.color-secondary-text {
  background-color: #727272;
}

.color-divider {
  background-color: #B6B6B6;
}

.demo {
  width: 200px;
  height: 200px;
  display: inline-block;
}

SassMeister-rendered.html

<div class="[ demo ]  [ color-primary ]"></div>
<div class="[ demo ]  [ color-primary-dark ]"></div>
<div class="[ demo ]  [ color-primary-light ]"></div>
<div class="[ demo ]  [ color-primary-text ]"></div>
<div class="[ demo ]  [ color-accent ]"></div>
<div class="[ demo ]  [ color-secondary-text ]"></div>
<div class="[ demo ]  [ color-divider ]"></div>