Skip to content

Instantly share code, notes, and snippets.

@mhulse

mhulse/no-x.js

Last active July 22, 2023 09:08
Show Gist options
  • Star 5 You must be signed in to star a gist
  • Fork 2 You must be signed in to fork a gist
  • Save mhulse/4704893 to your computer and use it in GitHub Desktop.
Save mhulse/4704893 to your computer and use it in GitHub Desktop.
Download ZIP
[no-js] [no-touch] JavaScript utilities to put in <head> of HTML templates that will add `js` or `touch` classes for use in CSS and/or JS.
Raw
gistfile1.html
<!doctype html>
<html class="no-touch no-js">
<head>
<script> /* PUT `no-x.js` here, as early as possible, before any other CSS or JS calls ... */ </script>
</head>
...
Raw
gistfile2.css
/* CSS usage example: */
.no-touch .foo { ... }
.touch .baz { ... }
.no-js .bar { ... }
.js .bing { ... }
Raw
no-x.js
/*! no-touch & no-js | https://gist.github.com/mhulse/4704893 */
;(function(window, document, navigator) {
(('ontouchstart' in window) || (window.DocumentTouch && document instanceof DocumentTouch) || (navigator.MaxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0)) && (document.documentElement.className = document.documentElement.className.replace(/\bno-touch\b/, 'touch'));
document.documentElement.className = document.documentElement.className.replace(/\bno-js\b/, 'js');
}(window, document, navigator));
/*! no-touch & no-js uglified | https://gist.github.com/mhulse/4704893 */!function(e,n,o){("ontouchstart"in e||e.DocumentTouch&&n instanceof DocumentTouch||o.MaxTouchPoints>0||o.msMaxTouchPoints>0)&&(n.documentElement.className=n.documentElement.className.replace(/\bno-touch\b/,"touch")),n.documentElement.className=n.documentElement.className.replace(/\bno-js\b/,"js")}(window,document,navigator);
/*! no-touch | https://gist.github.com/mhulse/4704893 */
;(function(window, document, navigator) {
(('ontouchstart' in window) || (window.DocumentTouch && document instanceof DocumentTouch) || (navigator.MaxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0)) && (document.documentElement.className = document.documentElement.className.replace(/\bno-touch\b/, 'touch'));
}(window, document, navigator));
/*! no-touch uglified | https://gist.github.com/mhulse/4704893 */!function(o,n,c){("ontouchstart"in o||o.DocumentTouch&&n instanceof DocumentTouch||c.MaxTouchPoints>0||c.msMaxTouchPoints>0)&&(n.documentElement.className=n.documentElement.className.replace(/\bno-touch\b/,"touch"))}(window,document,navigator);
/*! no-js | https://gist.github.com/mhulse/4704893 */
;(function(document) {
document.documentElement.className = document.documentElement.className.replace(/\bno-js\b/, 'js');
}(document));
/*! no-js uglified | https://gist.github.com/mhulse/4704893 */!function(e){e.documentElement.className=e.documentElement.className.replace(/\bno-js\b/,"js")}(document);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment