Add hover styles only to non-touch devices

Touch devices often show the :hover state when touching an element even though you can't actually 'hover'. This can have undesired effects.

Below is a simple @mixin which will make it easier to target hover events within a .no-touch context. You can add the class with Modernizr.

Play with this gist on SASSMeister