在Bourbon Neat中将子元素置于其上下文之外

Question

我试图更改html children元素的上下文。

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

main-content元素宽6列，移位2。 我希望它的孩子<img>能够从.outer容器的第二列延伸到第11列。

有什么想法吗？感谢。

Answer 1

在chid-element上，您需要使用@include span-columns(10 of 8)和@include shift(-1)

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