@mixin outline($device: "") {
    %#{$device}outline-none {
        outline: none;
    }

    @if $classes {
        .#{$device}outline-none {
            @extend %#{$device}outline-none;
        }
    }
}

@include outline;

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

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