Generated by SassMeister.com.

input.scss

/**
 * Brand color
 */
$color-brand      : #8bc84c; // CC Brand Color
$color-brand-dark : darken($color-brand, 15); // Dark green



$brand-colors: (
'brand':              $color-brand,
'brand-dark':         $color-brand-dark
);

 @each $name, $value in $brand-colors {
        .color-#{$name} {
            color: $value;
        }
    }

output.css

/**
 * Brand color
 */
.color-brand {
  color: #8bc84c;
}

.color-brand-dark {
  color: #65992f;
}

settings.json

{
  "sass": {
    "compiler": "dart-sass/1.32.12",
    "extensions": {},
    "syntax": "SCSS",
    "outputStyle": "expanded"
  },
  "autoprefixer": false
}