/* Gradient reusable classes -------- */

.sd-gradient {
    // 2-color gradients
    &-afterglow {
        @include sd-gradient('afterglow');
    }
    &-aurora {
        @include sd-gradient('aurora');
    }
    &-dandelion {
        @include sd-gradient('dandelion');
    }
    &-dawn {
        @include sd-gradient('dawn');
    }
    &-daylight {
        @include sd-gradient('daylight');
    }
    &-delight {
        @include sd-gradient('delight');
    }
    &-dusk {
        @include sd-gradient('dusk');
    }
    &-midnight {
        @include sd-gradient('midnight');
    }
    &-nightfall {
        @include sd-gradient('nightfall');
    }
    &-ocean {
        @include sd-gradient('ocean');
    }
    &-rainforest {
        @include sd-gradient('rainforest');
    }
    &-river {
        @include sd-gradient('river');
    }
    &-sapphire {
        @include sd-gradient('sapphire');
    }
    &-solar {
        @include sd-gradient('solar');
    }
    &-storm {
        @include sd-gradient('storm');
    }
    &-twilight {
        @include sd-gradient('twilight');
    }

    // 3-color gradients
    &-aurora-accessible {
        @include sd-gradient-aurora-accessible;
    }
    &-golden-accessible {
        @include sd-gradient-golden-accessible;
    }
    &-golden-decorative {
        @include sd-gradient-golden-decorative;
    }
    // gold = same as golden accessible
    &-gold {
        @include sd-gradient-golden-accessible;
    }
    &-jubilee {
        @include sd-gradient-jubilee;
    }
    &-moonstone {
        @include sd-gradient-moonstone;
    }
    &-subs-accessible {
        @include sd-gradient-subs-accessible;
    }
    &-subs-decorative {
        @include sd-gradient-subs-decorative;
    }
    &-subs-decorative-angled {
        @include sd-gradient-decorative-angled;
    }
}