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.