css - postcss lost-grid プラグインで first-child/nth-child/last-child を使用する

Question

postCSS でLost Gridを使用しようとしており、次のコードが機能しない理由を理解しようとしています。

HTML

 <section class="grid-two">
            <div class="grid-item-two"></div>
            <div class="grid-item-two"></div>
            <div class="grid-item-two"></div>
 </section>

CSS

.grid-two {
    lost-utility: clearfix;
    lost-move: 0.85/6;
    lost-column: 5.15/6;
    height: 100%;
}

.grid-item-two  {
    lost-column: 1.75/6;
    background: #2c3e50;
    height: 100px;
    &:first-child {
    }
    &:nth-child(1n){
            lost-column: 2.45/6;
    }
    &:last-child {
    }
}

私は見ることを期待しています。

しかし、これは結果です。

コード ペンもセットアップしました。

http://codepen.io/alexc101/pen/mEJQaR?editors=110

ここでコードが何をしているのか、そして最初の図に見られる望ましい効果を達成するための適切な方法は何かを理解しようとしています.

それがすべて理にかなっていることを願って、

ありがとう