$blue: #0026FF;
$red: #FF0000;
$yellow: #F2FF00;

$colors: (
  blue: $blue,
  red: $red,
  yellow: $yellow
);

@each $color, $var in $colors {
  .text-#{$color} {
    color: $var;
  }
  .link-#{$color} {
    color: $var;
    &:hover, &:click {
      color: darken($var, 10%);
    }
  }
  .bg-#{$color} {
    background-color: $var;
  }
}