<commit_before>// Color
// ===

// Base Color
// ---
//
// These are just a helper mixins to aid in creating all the below mixins

@mixin base-color($important, $color) {
    @if($important) {
        color: $color !important;

        fill: $color !important;
    } @else {
        color: $color;

        fill: $color;
    }
}

@mixin base-bg-color($important, $color) {
    @if($important) {
        background-color: $color !important;
    } @else {
        background-color: $color;
    }
}

// Neutral Colors
// ---

@mixin color-neutral-30(
    $important: false,
    $color: if(variable-exists(neutral-30), $neutral-30, null)
) {
    @include base-color($important, $color);
}

@mixin color-neutral-40(
    $important: false,
    $color: if(variable-exists(neutral-40), $neutral-40, null)
) {
    @include base-color($important, $color);
}

@mixin color-neutral-50(
    $important: false,
    $color: if(variable-exists(neutral-50), $neutral-50, null)
) {
    @include base-color($important, $color);
}

@mixin color-neutral-60(
    $important: false,
    $color: if(variable-exists(neutral-60), $neutral-60, null)
) {
    @include base-color($important, $color);
}

@mixin color-neutral-70(
    $important: false,
    $color: if(variable-exists(neutral-70), $neutral-70, null)
) {
    @include base-color($important, $color);
}


// Other Colors
// ---

@mixin color-brand(
    $important: fal,
    $color: if(variable-exists(brand-color), $brand-color, null)se
) {
    @include base-color($important, $color);
}

@mixin color-accent(
    $important: fals,
    $color: if(variable-exists(accent-color), $accent-color, null)e
) {
    @include base-color($important, $color);
}

@mixin color-success(
    $important: false,
    $color: if(variable-exists(success-color), $success-color, null)
) {
    @include base-color($important, $color);
}

@mixin color-error(
    $important: fal,
    $color: if(variable-exists(error-color), $error-color, null)se
) {
    @include base-color($important, $color);
}


// Background Colors
// ---

@mixin bg-color-neutral-30(
    $important: false,
    $color: if(variable-exists(neutral-30), $neutral-30, null)
) {
    @include base-bg-color($important, $color);
}

@mixin bg-color-error(
    $important: false,
    $color: if(variable-exists(error-color), $error-color, null)
) {
    @include base-bg-color($important, $color);
}

@mixin bg-color-light-error(
    $important: false,
    $color: if(variable-exists(light-error-color), $light-error-color, null)
) {<commit_msg>Fix typos in the color mixins<commit_after>// Color
// ===

// Base Color
// ---
//
// These are just a helper mixins to aid in creating all the below mixins

@mixin base-color($important, $color) {
    @if($important) {
        color: $color !important;

        fill: $color !important;
    } @else {
        color: $color;

        fill: $color;
    }
}

@mixin base-bg-color($important, $color) {
    @if($important) {
        background-color: $color !important;
    } @else {
        background-color: $color;
    }
}

// Neutral Colors
// ---

@mixin color-neutral-30(
    $important: false,
    $color: if(variable-exists(neutral-30), $neutral-30, null)
) {
    @include base-color($important, $color);
}

@mixin color-neutral-40(
    $important: false,
    $color: if(variable-exists(neutral-40), $neutral-40, null)
) {
    @include base-color($important, $color);
}

@mixin color-neutral-50(
    $important: false,
    $color: if(variable-exists(neutral-50), $neutral-50, null)
) {
    @include base-color($important, $color);
}

@mixin color-neutral-60(
    $important: false,
    $color: if(variable-exists(neutral-60), $neutral-60, null)
) {
    @include base-color($important, $color);
}

@mixin color-neutral-70(
    $important: false,
    $color: if(variable-exists(neutral-70), $neutral-70, null)
) {
    @include base-color($important, $color);
}


// Other Colors
// ---

@mixin color-brand(
    $important: false,
    $color: if(variable-exists(brand-color), $brand-color, null)
) {
    @include base-color($important, $color);
}

@mixin color-accent(
    $important: false,
    $color: if(variable-exists(accent-color), $accent-color, null)
) {
    @include base-color($important, $color);
}

@mixin color-success(
    $important: false,
    $color: if(variable-exists(success-color), $success-color, null)
) {
    @include base-color($important, $color);
}

@mixin color-error(
    $important: false,
    $color: if(variable-exists(error-color), $error-color, null)
) {
    @include base-color($important, $color);
}


// Background Colors
// ---

@mixin bg-color-neutral-30(
    $important: false,
    $color: if(variable-exists(neutral-30), $neutral-30, null)
) {
    @include base-bg-color($important, $color);
}

@mixin bg-color-error(
    $important: false,
    $color: if(variable-exists(error-color), $error-color, null)
) {
    @include base-bg-color($important, $color);
}

@mixin bg-color-light-error(
    $important: false,
    $color: if(variable-exists(light-error-color), $light-error-color, null)
) {
{'fraction_non_alphanumeric': 0.17991300909450375, 'fraction_numerical': 0.014234875444839857, 'mean_word_length': 3.2800338409475467, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4418008', 'n_tokens_mistral': 1851, 'n_tokens_neox': 1768, 'n_words': 361}