Color
Font

Colors

Color

Font Sizes

Font

Results

PHP

/* nothing yet... */

CSS

/* nothing yet... */

SASS

/* nothing yet... */
/* Generate Colors classes */
@each $name, $color in $colors {
	.has-#{$name}-color {
		color: $color;
	}
	.has-#{$name}-background-color {
		background-color: $color;
	}
}
/* Generate Fonts classes */
@each $size-name, $size in $font-sizes {
    .has-#{$size-name}-font-size {
        font-size: $size;
    }
}

How to use this code ?

After generating the code for your colors and/or font sizes, you will need to copy the different codes and paste them in the appropriate places :