Add the feature elastic-height

Posted on May 24, 2009 by Javier Ayala

Categories: Challenges

Completed f9p24mbrx3.

Elastic helpers now provide a class called “elastic-height”.

Motivation:

Some time ago, we where talking about what other things could be included in Elastic CSS Framework without falling in the error of including features just for the heck of having features, and elastic-height came to the table.

This was the case, how about you want a full-height block but that takes the space not used by its siblings,(well we knew for sure that css cant do that). so the challenge was born.

So today we just pushed this helper to github. the usage is here: there is also a gist for this code here

snippet for elastic-height

snippet for elastic-height

And the result can be confirmed by testing this code or watching the test file from github.

I’ll leave here a screen shot of this on a browser.

elastic height result

elastic height result

If you enjoy this post, please share it.
  • Digg
  • Reddit
  • DZone
  • del.icio.us
  • StumbleUpon
  • Technorati
  • LinkedIn
  • TwitThis
  • E-mail this story to a friend!

3 Comments »

sumit says:

i found it very useful. thanks a lot!

E says:

Where’s the CSS for this HTML?

Fernando Trasviña says:

Its inside the framework itself, no need to more css

Leave your comment
Copyright © 2009 Elasticss.com. All rights reserved.
Made with Elastic