What it is?

A really small, Mootool‘d layout adjuster. It provides a simple javascript function that calculates the width of the available browser space and, more importantly, provides a styling hook based on the space available. The sizes are based on the defaults in Mint, which seemed standardish enough for me.

What it do?

The only thing switch does is manage a class on the body element. If you'd like to know how it works, look at the code, it’s as simple as could I could think to make it.

The class name options are:

• xx-small
• x-small
• small
• medium
• large
• x-large
• xx-large
• xxx-large

So you can do things in you CSS like,

.xx-small #superfluous { display: none }

The level of complexity you add or remove from the different sizes is optional. The scripts are already setup to run on both the domready and resize events.

Where it at?

The best version is at github. You can get the raw .js files, a demo and access to the sweet git nectars.

What it change?

Version 1.2

• complete rewrite for Mootools 1.2
• safe re-writing of body classes

Version 1.1

• add the safe body class re-writing function from 1.2 to 1.0

Version 1.0

• initial crappy version for Mootools 1.11