@mixin arrow($size, $color, $distanceFromLeft, $position) {
    &:after {
        content: "";
        width: 0px;
        height: 0px;
        border-left: $size solid transparent;
        border-right: $size solid transparent;

        @if $position == top {
            border-bottom: $size solid $color;
            top: - $size;
        }
        @else {
            border-top: $size solid $color;
            bottom: - $size;
        }

        position: absolute;
        left: $distanceFromLeft;
    }
}