在postcss lost-grid插件

时间:2016-06-05 12:32:26

标签: css grid-layout postcss

我正在尝试将Lost Grid与postCSS一起使用并尝试理解以下代码无效的原因;

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 {
    }
}

我希望看到;

enter image description here

但这是结果;

enter image description here

我还设置了一支密码笔;

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

我只是想了解代码在这里做了什么,以及在第一张图片中看到的实现所需效果的正确方法是什么。

希望一切都有意义,

由于

0 个答案:

没有答案