Generated by SassMeister.com.

SassMeister-input.scss

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

//PRIMARY
$pb-cyan:        rgb(0, 155, 223);
$pb-medium-blue: rgb(0, 130, 213);
$pb-blue:        rgb(62, 83, 164);
$pb-purple:      rgb(160, 63, 155);
$pb-magenta:     rgb(207, 9, 137);

// SECONDARY
$pb-dark-orange: rgb(238, 107, 11);
$pb-orange:      rgb(239, 130, 0);
$pb-yellow:      rgb(237, 183, 0);
$pb-green:       rgb(114, 191, 68);
$pb-dark-green:  rgb(0, 177, 64);

// NEUTRALS
$pb-light-gray:  rgb(192, 192, 192);
$pb-medium-gray: rgb(155, 155, 155);
$pb-dark-gray:   rgb(78, 78, 78);
$pb-black:       rgb(0, 0, 0);

// neutrals
$gray-dark:    $pb-dark-gray;
$gray:         $pb-medium-gray;
$gray-light:   $pb-light-gray;
$gray-lighter: #ddd;
$gray-xlight:  #eee;



/** * Chord Color Mixin * * @access public * * @requires {List} $colors - Space Deliminated list of Colors * */
@mixin chord-color($colors) {
  $i: 0;
  @each $color in $colors {
    $i: $i + 1;
    .color#{$i} {
      color: $color;
      fill: $color;
    }
  }
}
/** * Chord1 */
#chord1 {
  @include chord-color($pb-medium-blue $pb-purple $pb-dark-gray $pb-blue $pb-green $pb-light-gray);
}

SassMeister-output.css

/** * Chord Color Mixin * * @access public * * @requires {List} $colors - Space Deliminated list of Colors * */
/** * Chord1 */
#chord1 .color1 {
  color: #0082d5;
  fill: #0082d5;
}
#chord1 .color2 {
  color: #a03f9b;
  fill: #a03f9b;
}
#chord1 .color3 {
  color: #4e4e4e;
  fill: #4e4e4e;
}
#chord1 .color4 {
  color: #3e53a4;
  fill: #3e53a4;
}
#chord1 .color5 {
  color: #72bf44;
  fill: #72bf44;
}
#chord1 .color6 {
  color: silver;
  fill: silver;
}