Bourbon Neatでマージンネストされた列を削除する

Question

ネストしたオフセット列を含む2つの列からマージンを削除するにはどうすればよいですか？私は、列内のコンテンツが常に中央に置かれていることを確認したいのですが、@include row (table);ミックスインを使用してこれを動作させることはできません。

codepen

HTML

<section> 
    <div class="container"> 
    <div class="col"> 
     <div class="inner"> 
     centered content 
     </div> 
    </div> 
    <div class="col"> 
     <div class="inner"> 
     centered content 
     </div> 
    </div> 
    </div> 
</section> 

SCSS

@import "bourbon"; 
@import "neat"; 

section{ 
    @include outer-container(100%); 

    .container{ 
     @include span-columns(12); 
     @include fill-parent; 

    .col{ 
     @include span-columns(6); 
     border: 2px solid black; 

     .inner{ 
     @include shift-in-context(1 of 6); 
     @include span-columns(8 of 12); 
      background: red; 

     } 
    } 
    } 
} 

Answer 1

ニートに内蔵されたオプションがあります。ミックスインはreset-display()です。 .innerクラスのブロックごとにテーブルからリセットしてください。あなたはいい形になっていると思います。

section { 
    @include outer-container(100%); 

    .container { 
    @include row(table); 
    @include fill-parent; 

    .col { 
     @include span-columns(6); 
     border: 2px solid black; 

     .inner { 
     @include reset-display; 
     @include shift-in-context(1 of 6); 
     @include span-columns(8 of 12); 
     background: red; 
     } 
    } 
    } 
} 

Answer 2

あなたはthisギャップを意味ですか？

CSS

.col{ 
    @include span-columns(6); 
    border: 2px solid black; 
    margin-right: 0; 
    width: 50%;