Created

Embed URL

HTTPS clone URL

SSH clone URL

You can clone with HTTPS or SSH.

Download Gist

Add classes to <html> for responsive layouts

View width_classes.js
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
// Add classes to <html> for responsive layouts -
// e.g. <html class="over320 over480 under768 under960">
 
jQuery(function() {
var widths = [ 320, 480, 768, 960 ];
var setWidthClasses = function() {
var w = $(window).width();
for(var i=0; i<widths.length; i++) {
$('html').removeClass('under' + widths[i]).removeClass('over' + widths[i]);
}
for(var i=0; i<widths.length; i++) {
if(w < widths[i]) $('html').addClass('under' + widths[i]);
if(w > widths[i]) $('html').addClass('over' + widths[i]);
}
};
setWidthClasses();
$(window).on('resize', setWidthClasses);
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.