@mixin edge(){
	@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
		@content;
	}
}

@mixin ie10{
	html[data-useragent*='MSIE 10.0'] &{
		@content;
	}
}

@mixin pointer($pointer){
	
	@if $pointer == touch {
		@media (hover:none) and (pointer:coarse) { @content; }
	}
	@else if $pointer == no-touch { // NOT SUPPORTED IN FIREFOX
		@media (hover:hover) and (pointer:fine) { @content; }
	}
}

@mixin reduce-motion(){
	@media (prefers-reduced-motion: reduce) {
		@content;
	}
}