Nested Grids

Evan Sharp's Avatar

Evan Sharp

06 Feb, 2014 05:31 PM

I saw the article on nested grids entitled "Grids Anywhere". I noticed that the example featured multiple / different grid sets be nested, and it all worked fine. I seems like nesting the same grid should work similar, but it doesn't.

An example would be if I had a 12 column grid called d. in d6 I have nested d6 (.d6>.d6). I would expect it appear with a left margin using the parent grid as the wrapper. But instead it clears left and has no left margin, appearing where I would expect d1 (.d6>.d1) to appear.

Should I be using multiple / different grid sets each time I nest them such as in the example? Doesn't that cause more CSS?

  1. Support Staff 1 Posted by Nathan Ford on 07 Feb, 2014 12:27 PM

    Nathan Ford's Avatar

    Nested a grid within itself is a bit tricky given how the CSS is set up, but I have added it to our bug queue to be resolved soon. You can read more about this issue here: https://gridset.tenderapp.com/kb/using-the-gridset-css-and-sass/nes...

    Thanks again for the great suggestions.

  2. Support Staff 2 Posted by Nathan Ford on 07 Feb, 2014 12:28 PM

    Nathan Ford's Avatar

    Specifically, we will look at some way that you can define whether you are nesting the grid, or the element on grid, using a class.

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac