COlors

_colors.scss

/*
$colors: (blue: $blue, red: $red, green: $green, yellow: $yellow),
*/


$red: #ef1828; $green: #26bf38; 
$purple: #8e22a8; $mint: #73f2dd; $magic: #088e8d; 
$magenta: #d90967; $black: #000000; 
$lightturquoise: #72acb7; $orange: #f9b240; 
$lightpink: #fda7ce; $pink: #c632ea; $turquoise: #29ceae; 
$lightblue: #54b9d1; $lightgreen: #67ce67; 
$blue: #15bdea; $brown: #8c6239; $oldpink: #ef5264; 
$darkblue: #266ebc; $pink: #bc3f86; $midgrey: #808080; 
$darkgrey: #4d4d4d; 

$colors: ( 
	red: $red, green: $green, 
	purple: $purple, mint: $mint, magic: $magic,
	magenta: $magenta, black: $black, 
	lightturquoise: $lightturquoise, orange: $orange,
	lightpink: $lightpink, pink: $pink, turquoise: $turquoise,
	lightblue: $lightblue, lightgreen: $lightgreen,
	blue: $blue, brown: $brown, oldpink: $oldpink,
	darkblue: $darkblue, pink: $pink, midgrey: $midgrey,
	darkgrey: $darkgrey  );


// color for patterns
@each $color, $bgcolor in $colors {
	['data-color="#{$color}"'] {
		background: $bgcolor;
	}
}