Position child element outside its context in Bourbon Neat

Question

I'm trying to change the context of an html children element.

<div class="outer-container">
   <div class="main-content">
     <img class="chid-element" />
   </div>
</div>

The main-contentelement is 6 columns wide and is shifted by 2. I would like its children <img>to span from the .outer container's second column to its 11th.

My layout

Any idea? Thanks.

were you ever able to figure this out? – dimitry_n Apr 02 '15 at 02:15 — dimitry_n, Apr 02 '15 at 02:15

score 0 · Accepted Answer · answered Oct 22 '15 at 13:26

0

On chid-element you need to use @include span-columns(10 of 8) and @include shift(-1)

http://codepen.io/anon/pen/LpQZgy

answered Oct 22 '15 at 13:26

Jay

243
3
9

Position child element outside its context in Bourbon Neat

1 Answers1