@charset "UTF-8";

// @description
// * green-color mixin.
// * This mixin generates CSS custom properties for using green colors
// * in your application or website.

// @access public

// @version 1.0.0

// @author Khaled Mohamed

// @license MIT

// @repository: https://github.com/Black-Axis/sass-pire

// @namespace colors

// @module colors/green-color

// @dependencies:
// * - var.$green-colors-map (variable).

// @example
// * @include green-color();

// @output
// * :root {
// *     --sp-green-50: hsl(120, 100%, 98%);
// *     --sp-green-100: hsl(120, 100%, 95%);
// *     --sp-green-150: hsl(120, 85%, 87%);
// *     --sp-green-200: hsl(120, 75%, 75%);
// *     --sp-green-250: hsl(120, 70%, 64%);
// *     --sp-green-300: hsl(120, 70%, 56%);
// *     --sp-green-350: hsl(120, 65%, 47%);
// *     --sp-green-400: hsl(120, 65%, 39%);
// *     --sp-green-450: hsl(120, 60%, 35%);
// *     --sp-green-500: hsl(120, 60%, 31%);
// *     --sp-green-550: hsl(120, 55%, 28%);
// *     --sp-green-600: hsl(120, 55%, 24%);
// *     --sp-green-650: hsl(120, 50%, 22%);
// *     --sp-green-700: hsl(120, 50%, 19%);
// *     --sp-green-750: hsl(120, 45%, 16%);
// *     --sp-green-800: hsl(120, 45%, 14%);
// *     --sp-green-850: hsl(120, 40%, 12%);
// *     --sp-green-900: hsl(120, 40%, 10%);
// *     --sp-green-950: hsl(120, 35%, 8%);
// * }

@use "../../abstract/global-variables" as var;

@mixin green-color() {
    :root {
        @each $green-color-degree, $actual-color in var.$green-colors-map {
            --sp-green-#{$green-color-degree}: #{$actual-color};
        }
    }
}