Adaptive spans?

[Graham Huber]

I'm building a layout based on a 12-column grid using spans:

<div class="columns on-12">
<div class="container">
<div class="column span-2"><div class="container">1</div></div>
<div class="column span-7"><div class="container">3</div></div>
<div class="column span-3"><div class="container">4</div></
div>
</div>
</div>

I want this layout to reduce into single column rows.

You can see this effect happening in the first adaptive column example
(with min/max width): http://elasticss.com/demos/Examples_Adaptive_Columns.html

Thing is, I dont' want to specify min/max width in pixels. I want it
to follow the column grid so it lines up with other elements.

I tried combining "on-12" class with "adaptive-###-###", but it's not
working right:

<div class="columns on-12 adaptive-150-250">
<div class="container">
<div class="column span-2"><div class="container">1</div></div>
<div class="column span-7"><div class="container">3</div></div>
<div class="column span-3"><div class="container">4</div></
div>
</div>
</div>

What is the best way to force columns into single 100% wide columns in
a row?

[Graham Huber]

Sorry, to clarify:

I want columns using "on-##" to reduce to single column rows when the
browser is resized to a certain minimum width (480px) for mobile.

Is there a way for the code to do this? Or should I roll my own?

[fernando trasvina]

hey man seems that you have spotted a bug.

ill fix it and let you know.

> --
> You received this message because you are subscribed to the Google Groups "Elastic CSS Framework" group.
> To post to this group, send email to elastic-cs...@googlegroups.com.
> To unsubscribe from this group, send email to elastic-css-fram...@googlegroups.com.
> For more options, visit this group at http://groups.google.com/group/elastic-css-framework?hl=en.
>

[Graham Huber]

Excellent, thank you so much!

[fernando trasvina]

This is fixed already. get the latest version from github from the folder /lib/js

[Graham Huber]

Perfect, thank you!