Small javascript snippet for adding mobile CSS classes

mobile-classes.css

/* ios only styling */
.ios body {
  background-color: #fff;
}

/* android only styling */
.android body {
  background-color: #e7e7e7;
}

mobile-classes.js

// https://coderwall.com/p/udfbcw
// By Sebastian Wallin

(function(d, l) {
    for (var k in l) {
      if(navigator.userAgent.match(new RegExp(l[k], 'i'))){
        d[k] = true;
        d.documentElement.className+=' '+k;
      }
    }
  }(document, {
    ios: '(iPhone|iPod|iPad)',
    android: 'android',
    mobile: 'mobile',
    webview: '(iPhone|iPod|iPad).*AppleWebKit(?!.*Safari)'
  }));

if (document.ios) {
  // Do ios specific stuff
} 
else if (document.android) {
  // Do Android specific stuff
}