// This file is for compatibility since saas-10 web_editor refactoring.
// As a fix to work properly in the editor, some classes have been renamed.
// To allow a smooth transition, old classes alias are created here.

@mixin bg-compatibility-mixin($bg, $color) {
    background-color: $bg;
    color: $color;
    .text-muted {
        color: rgba($color, 0.4);
    }
}

.black { @include bg-compatibility-mixin($black, gray('600')); }
.darkgray { @include bg-compatibility-mixin(gray('800'), $white); }
.gray { @include bg-compatibility-mixin(gray('700'), $white); }
.lightgray { @include bg-compatibility-mixin(gray('200'), gray('700')); }
.white { @include bg-compatibility-mixin($white, gray('700')); }