@import '../00_Abstracts/index';

$variations: ('lighter', 'light', 'base', 'dark', 'darker');

@each $color, $value in get-colors() {
    /*
        .bg-primary
        .bg-secondary
        ...
    */
    .bg-#{$color} {
        @include bg-color($color, $important: true);
    }

    .bg {
        &-white {
            color: black !important;
            background-color: white !important;
        }
    
        &-black {
            color: white !important;
            background-color: black !important;
        }

        &-transparent {
            background-color: transparent !important;
        }
    }

    /*
        .text-primary
        .text-secondary
        ...
    */
    .text-#{$color} {
        @include color($color, $important: true);
    }

    .text {
        &-white {
            color: white !important;
        }
    
        &-black {
            color: black !important;
        }    
    }

    @each $variation in $variations {
        /*
            .bg-primary-light
            .bg-secondary-darker
            ...
        */
        .bg-#{$color}-#{$variation} {
            @include bg-color($color, $variation, 1, true);
        }

        /*
            .text-primary-lighter
            .text-secondary-dark
            ...
        */
        .text-#{$color}-#{$variation} {
            @include color($color, $variation, $important: true);
        }
    }
}