/*
 * @Author: xiaodongyu
 * @Date 2020-08-01 16:58:48
 * @Last Modified by: xiaoxueli
 * @Last Modified time: 2022-08-24 14:17:59
 */

@use "sass:color";

@mixin unify-parent($child) {
    @at-root #{selector-unify(&, $child)} {
        @content;
    }
}

@mixin custom-btn($bgc, $color: #fff) {
    color: $color;
    background-color: $bgc;
    border-color: $bgc;

    &:hover,
    &:focus {
        color: $color;
        background-color: color.adjust($bgc, $lightness: -10%);
        border-color: color.adjust($bgc, $lightness: -10%);
    }
}

@mixin generator($property, $values, $short) {
    @each $value in $values {
        .#{$short}#{$value} {
            #{$property}: #{$value}px;
        }
    }
}

/* stylelint-disable scss/at-mixin-pattern */
@mixin genHeaderEnvironment($color) {
    border-bottom-color: $color;
}