Contents

// resize.js: Shining plugin for resizing the font sizes depending
// on the available screen dimensions

$(window).resize(function() {
  $.throttle(function() {
    var width = $(window).width();
    if (width < 480) {
      $('#stage').css({fontSize: '80%'});
    } else if (width >= 480 && width < 640) {
      $('#stage').css({fontSize: '80%'});
    } else if (width >= 640 && width < 800) {
      $('#stage').css({fontSize: '100%'});    
    } else if (width >= 800 && width < 640) {
      $('#stage').css({fontSize: '130%'});
    } else if (width >= 1024 && width < 800) {
      $('#stage').css({fontSize: '160%'});
    } else if (width >= 1280 & width < 1024) {
      $('#stage').css({fontSize: '180%'});
    } else if (width > 1280) {
      $('#stage').css({fontSize: '180%'});
    }    
  }, 500);
})

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
shining-1.3.0	lib/plugins/resize.js