@each $key, $value in $colors {
    .text-#{$key} {               color: $value !important;}
    .a-hover-#{$key} a:hover {    color: $value !important;}
    .hover-#{$key}:hover {       color: $value !important;}
    .bg-hover-#{$key}:hover {       background-color: $value !important;}
    .bg-#{$key} {                 background-color: $value !important;}
    .a-#{$key} a {
        color: $value;
        &:hover{
            color: lighten($value, 20);
        }
        &:visited{
            color: $value;
        }
    }
}

@for $i from 0 through 20 {
    .opacity-#{$i * 5}     { opacity: #{$i * 5 / 100.0}; }
}

.bg-none{
    background: transparent;
}