web-dev/assets/scss/_mixins.scss

@mixin hover-supported {
	@media (hover: hover) and (pointer: fine) {
		&:hover {
			@content;
		}
	}
}

@mixin media-down($width) {
	@media (max-width: $width) {
		@content;
	}
}