Responsive :hover and :active for the mobile web - http://alxgbsn.co.uk/2011/10/17/enable-css-active-pseudo-styles-in-mobile-safari/

responsive-pseudo-styles.scss

button {
  background-color: #fff;
  border:solid 1px #333;
  color: #000;
  .no-touch &:hover, .touch &:active {
    background-color: #333;
    color: #fff;
  }
}

touchstart.js

document.addEventListener("touchstart", function() {},false);