Susy grid

[Daniel S. Reichenbach]

Greetings,

I am currently converting a page to use the Susy grid, and so far it
works flawless, except for one element.

I have a site with 12 columns, and inside there is one element with 10
columns, containing three elements. I need to get these elements to
span all 10 columns, but do not know how. It does span 9 columns now,
but how can I make it span all 10?

With kind regards,
Daniel

[Eric Meyer]

I need more information. What is your current code?

Here's my guess: you need to pass the context to the nested elements.

instead of e.g. "span-columns(4)", you need e.g. "span-columns(4,10)". Since everything is relative to the container it's in, Susy needs to know when you are in a nested context, and exactly how many columns that context spans.

Cheers,
-e

[Daniel S. Reichenbach]

> instead of e.g. "span-columns(4)", you need e.g. "span-columns(4,10)".
> Since everything is relative to the container it's in, Susy needs to
> know when you are in a nested context, and exactly how many columns
> that context spans.

I used span-columns with context, that was my first guess, so I added
context to all versions. The actual problem is how to span an even
number of columns with and odd number of elements.

WkR,
Daniel

[Eric Meyer]

You can always lie to Susy in a case like that. The elements wont align to the grid (obviously), but they will fit the space.

Claim you are in a context of 6 (or 3 or 9 or 12...): "span-columns(2,6)".

Cheers,
-e