@mixin noSelect {

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

}

@mixin noDragging{

-webkit-user-drag: none;
-khtml-user-drag: none;
-moz-user-drag: none;
-o-user-drag: none;
user-drag: none;

}

@mixin phone {

@media
        only screen and (-webkit-min-device-pixel-ratio: 2),
        only screen and (min--moz-device-pixel-ratio: 2),
        only screen and (-o-min-device-pixel-ratio: 2/1),
        only screen and (min-device-pixel-ratio: 2),
        only screen and (min-resolution: 192dpi),
        only screen and (min-resolution: 2dppx),
        only screen and (max-width: #{$tablet-width - 1px}) {
        @content;
}

}

@mixin tablet {

@media (min-width: #{$tablet-width}) {
        @content;
}

}

@mixin desktop {

@media (min-width: #{$desktop-width}) {
        @content;
}

}

@mixin huge {

@media (min-width: #{$huge-width}) {
        @content;
}

}