color_generator.scss

$colors: (
        $gray gray,
        $gray-light gray-light,
        $gray-lighter gray-lighter,
        $gray-dark gray-dark,
        $gray-darker gray-darker,
        $gray-base gray-base
);

@mixin generate-colors() {
  @each $color in $colors {
    .color-#{nth($color, 2)} {
      color: nth($color, 1);
    }
    .bg-#{nth($color, 2)} {
      background: nth($color, 1);
    }
    .border-#{nth($color, 2)} {
      border-color: nth($color, 1);
    }
  }
}

@include generate-colors();