remove touch active style, use tap-highlight-color

Gruntfile.js

@@ -43,7 +43,7 @@ module.exports = function(grunt){
             },
             production: {
                 options: {
-                    lsi: true
+                    //lsi: true
                 }
             },
             development: {
@@ -104,7 +104,6 @@ module.exports = function(grunt){
                         'bower_components/masonry/index.js',
                         'bower_components/imagesloaded/imagesloaded.js',
                         'bower_components/simpleJekyllSearch/index.js',
-                        '<%= config.src %>/<%= config.assets.js %>/helper.js',
                         '<%= config.src %>/<%= config.assets.js %>/app.js'
                     ]
                 }

_src/assets/js/helper.js

@@ -1,18 +0,0 @@
-/**
- * MBP - Mobile boilerplate helper functions
- */
-
-(function(document) {
-
-    window.MBP = window.MBP || {};
-
-    /**
-     * Enable CSS active pseudo styles in Mobile Safari
-     * http://alxgbsn.co.uk/2011/10/17/enable-css-active-pseudo-styles-in-mobile-safari/
-     */
-
-    MBP.enableActive = function() {
-        document.addEventListener('touchstart', function() {}, false);
-    };
-
-})(document);

_src/assets/less/scaffolding.less

@@ -1,7 +1,6 @@
 html {
-	// remove tap highlight cause we're using the active styles
-	-webkit-tap-highlight-color: rgba(0,0,0,0);
-	tap-highlight-color: rgba(0,0,0,0);
+	-webkit-tap-highlight-color: fade(@link-color, 20%);
+	tap-highlight-color: fade(@link-color, 20%);
 }
 
 body {