Adjust the layout of an HTML element based on its width
Latest commit 4168351 Oct 7, 2014 @ahume Merge pull request #12 from jameswragg/patch-1
Use for demo

Selector queries and responsive containers

This script allows you to apply different class values to an HTML element based on its width. Use it as follows:

<div data-squery="min-width:400px=wide max-width:10em=small">
    <p>Content here</p>

This will apply a class of wide when the element is wider than 400 pixels and a class of small when it is narrower than 10 ems. It works in all modern browsers back to and including IE6.

That's all.