@mixin cursor($device: "") {
    %#{$device}cursor-pointer {
        cursor: pointer;
    }

    %#{$device}cursor-default {
        cursor: default;
    }

    @if $classes {
        .#{$device}cursor-pointer {
            @extend %#{$device}cursor-pointer;
        }

        .#{$device}cursor-default {
            @extend %#{$device}cursor-default;
        }
    }
}

@include cursor;

@each $device, $pixels in $devices {
    @include media($device) {
        @include cursor($device + "-");
    }
}

@include mobile {
    @include cursor("mobile-");
}