Squarifying Bootstrap Spans

Squarifying Bootstrap Spans

 Squarifying Bootstrap Spans
 
I just wrote a quick little js plugin to make any element's height equal to it's width. It's not really bootstrap specific, but it's helpful for spans if you need a span to be square at all times, even when the responsive resizing is done.
Introducing Squarify...

function squarifyMe(element) {
  squareItUp()
  window.onresize = function(element) {
    squareItUp();
  }
  function squareItUp() {
    $(element).height($(element).width());
  }
}

Which minifies into...

function squarifyMe(b){a();window.onresize=function(c){a()};function a(){$(b).height($(b).width())}};

Call it on an element!

To make use of the squarify plugin, just apply it to an element on page load:

$(document).ready(function() {
  squarifyMe('.myElement');
});