This is Adaptabl.

Adaptabl is a small, minimal, and modular toolkit for responsive web design, written in LESS. I wrote it for my own needs, maybe you'll like it too.

Rationale

So, this is the part where we talk about Bootstrap?

Does anyone remember when the web all started to look like the Kubrick theme of Wordpress? Yeah, I do too. Now it is all starting to look like Bootstrap.

Apart from my fear of monocultures, Bootstrap is a "batteries included" type of framework. I don't want so many batteries. I just want some handy tools to build with.

So, what we got?

adaptabl/core tries to get out of your way and not be too opinionated. It has a bunch of mixins, variables, and defaults to build on.

adaptabl/idiom goes a bit further, and adds some idiomatic patterns and polish, while still trying to stay out of your way. The page you are looking at now is styled with adaptabl/idiom.

How do we do Adaptabl?

You can just include the CSS for quick mocks and so on. However, the recommended use would be to write your styles in LESS, by including and expanding on what you get in Adaptabl.

HTMLs for the win

Here we go with some examples.

Forms

Nothing fancy here, oh no. Just a common base that works.

Tables

Much ado about tables.

qwerty	qwerty	qwerty	qwerty
qwerty	qwerty	qwerty	qwerty
qwerty	qwerty	qwerty	qwerty
qwerty	qwerty	qwerty	qwerty

Lists

Unordered

One item
One item
One item

Ordered

One item
One item
One item

Code

Spectrum

You've got a LESS variable for every color of the rainbow, in the HSL color space. You can then go wild on these defaults with LESS's color functions. Try it.