Skip to content

@postpostmodern /width_classes.js
Created

Embed URL

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Add classes to <html> for responsive layouts
// 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.