<commit_before>//
// #UTILS - Mixins
// Common mixins for easy reuse in project.
//

/// Linear Gradient
@mixin gradient($top, $bottom) {
    background-image: linear-gradient(to bottom, #{$top} 0%, #{$bottom} 100%);
}

/// Transition
@mixin transition($values...) {
    @if( length($values) == 0 ) {
        $values: all #{$transition-time} #{$transition-function};
    }
    @else if( str-index(""+$values+"", " ") == null and $values != "none" ) {
        $values: #{$values} #{$transition-time} #{$transition-function};
    }
    transition: #{$values};
}

/// Will-change
@mixin will-change($values...) {
    will-change: #{$values};
}

/// Translate3D
@mixin translate3d($values...) {
    @if( length($values) == 0 ) {
        $values: 0, 0, 0;
    }
    transform: translate3d(#{$values});
}

/// Animation
@mixin animation($values...) {
    animation: #{$values};
}

/// Animation Play State
@mixin animation-play-state($values...) {
    animation-play-state: #{$values};
}

/// Z-index Management
@mixin z-index($values...) {
    @if( #{$values} == "below" ) {
        $values: -1;
    }
    @else if( #{$values} == "above" ) {
        $values: 1;
    }
    z-index: #{$values};
}<commit_msg>Update _mixins.scss<commit_after>//
// #UTILS - Mixins
// Common mixins for easy reuse in project.
//

/// Linear Gradient
@mixin gradient($top, $bottom) {
    background-image: linear-gradient(to bottom, #{$top} 0%, #{$bottom} 100%);
}

/// Transition
@mixin transition($values...) {
    $transition: ();
    @if( length($values) == 0 ) {
        $transition: all #{$transition-time} #{$transition-function};
    }
    @else if( str-index(""+$values+"", " ") == null and $values != "none" ) {
        $transition: #{$values} #{$transition-time} #{$transition-function};
    }
    @else if( str-index(""+$values+"", ",") > 0 ) {
        @each $value in $values {
            @if( str-index(""+$value+"", " ") == null ) {
                $transition: append($transition, unquote("#{$value} #{$transition-time} #{$transition-function}"), comma);
            }
            @else {
                $transition: append($transition, unquote("#{$value}"), comma);
            }
        }
    }
    @else {
        $transition: #{$values};
    }
    transition: #{$transition};
}

/// Will-change
@mixin will-change($values...) {
    will-change: #{$values};
}

/// Translate3D
@mixin translate3d($values...) {
    @if( length($values) == 0 ) {
        $values: 0, 0, 0;
    }
    transform: translate3d(#{$values});
}

/// Animation
@mixin animation($values...) {
    animation: #{$values};
}

/// Animation Play State
@mixin animation-play-state($values...) {
    animation-play-state: #{$values};
}

/// Z-index Management
@mixin z-index($values...) {
    @if( #{$values} == "below" ) {
        $values: -1;
    }
    @else if( #{$values} == "above" ) {
        $values: 1;
    }
    z-index: #{$values};
}

/// Center
@mixin center() {
    position: absolute;
    top:  50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
{'fraction_non_alphanumeric': 0.22514812376563528, 'fraction_numerical': 0.012179065174456879, 'mean_word_length': 2.562719812426729, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 4, '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': '6625948', 'n_tokens_mistral': 1063, 'n_tokens_neox': 1010, 'n_words': 221}