/device.css
Created Feb 15, 2013
| .visible-android { | |
| display:none; | |
| } | |
| .visible-ios { | |
| display:none; | |
| } | |
| .on-device .visible-android, .on-device .visible-android { | |
| display:inherit; | |
| } | |
| .device-ios .visible-android { | |
| display:none !important; | |
| } | |
| .device-ios .hidden-ios { | |
| display:none !important; | |
| } | |
| .device-android .hidden-android { | |
| display:none !important; | |
| } | |
| .device-android .visible-ios { | |
| display:none !important; | |
| } |
| var classNames = []; | |
| if (navigator.userAgent.match(/(iPad|iPhone|iPod)/i)) classNames.push('device-ios'); | |
| if (navigator.userAgent.match(/android/i)) classNames.push('device-android'); | |
| var html = document.getElementsByTagName('html')[0]; | |
| if (classNames.length) classNames.push('on-device'); | |
| if (html.classList) html.classList.add.apply(html.classList, classNames); |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
DaveFlash
commented
Apr 13, 2016
|
very helpful! |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
amoldavsky
commented
Jan 9, 2017
|
good stuff! |
This comment has been minimized.
Show comment
Hide comment
This comment has been minimized.
Show comment Hide comment
lucious7
May 16, 2017
Nice, thanks for sharing!
But shouldn't line 7 be: .on-device .visible-android, .on-device .visible-ios ?
lucious7
commented
May 16, 2017
|
Nice, thanks for sharing! |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
very helpful!