@import 'functions';

@mixin arrow($direction: right) {
    @if $direction == bottom {
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px solid;
    } @else if $direction == left {
        border-bottom: 4px solid transparent;
        border-right: 4px solid;
        border-top: 4px solid transparent;
    } @else if $direction == top {
        border-bottom: 4px solid;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
    } @else {
        border-bottom: 4px solid transparent;
        border-left: 4px solid;
        border-top: 4px solid transparent;
    }
}

@mixin cursor($type) {
    @if $type == wait {
        cursor: url('#{svg(cursor-pointer)}'), $type;
    } @else {
        cursor: url('#{svg(cursor-#{$type})}'), $type;
    }
}

@mixin window-border($type, $width: 2) {
    @if $type == in {
        border-color: #fff var(--win-default-bg-dark) var(--win-default-bg-dark) #fff;
    } @else if $type == out {
        border-color: var(--win-default-bg-dark) #fff #fff var(--win-default-bg-dark);

        //box-shadow: inset -1px -1px #fff, inset 1px 1px var(--win-default-bg-dark), inset -2px -2px #e0e0e0, inset 2px 2px #000;
        //padding: #{$width}px;
    }
    border-style: solid;
    border-width: #{$width}px;
}