@use 'variables' as *;

@mixin reset {
    margin: 0;
    padding: 0;
}

// @include color-scheme() {}
@mixin color-scheme($value: dark) {
    @if $color-schemes {
        @media (prefers-color-scheme: $value) {
            @content;
        }
    }
}

// @include media($media-lg) {}
@mixin media($value: $media-md) {
    @media (min-width: $value) {
        @content;
    }
}

// Add mixins for flex, etc. Anything that needs -webkit-, etc...
@mixin flex(){
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}