SCSS Mixin to use with What-Input

_mixin-what-input.scss

/**
 * Mixin for What-Input
 * https://github.com/ten1seven/what-input
 * 
 * Example use:
 * .element {
 * 	@include what-input(keyboard) {
 * 		outline: 1px dotted black;
 * }
 */
@mixin what-input($input) {
	$available-inputs: keyboard, mouse, touch;

	@if index($available-inputs, $input) {

		html[data-whatinput="#{$input}"] & {
			@content;
		}
	}

	@else {

		@error "Sorry, but #{$input} is not an available input. The available inputs are: #{$available-inputs}.";
	}
}