Susy與Google Web Starter Kit

Question

想知道我哪里做錯了嗎？ 試圖讓Susy使用Google Web Starter Kit。

1.將GWSK 克隆到新目錄中。

2.Ran yarn安裝依賴。

3.安裝的Susy：

yarn add susy --dev

4.添加到gulplfile：

/* gulpfile.babel.js */
.pipe($.sass({
  precision: 10,
  includePaths: ['node_modules/susy/sass'] // Added this

5.在我的樣式文件中：

/* main.scss */
@import 'susy';
.content {
  @include container;
}
.col {
  @include span(4);
}

6.在准系統html文件中：

/* basic.html */
<div class="container">
  <div class="col">Lorem.</div>
  <div class="col">Ab.</div>
  <div class="col">Earum?</div>
</div>

7.然后大吃gulp serve 。

但是，當basic.html加載時，div不會對齊並且沒有錯誤。

Answer 1

顯然，我需要添加of 12

.col {
  @include span(4 of 12);
}

那就是我的css select是.content 而不是 .container 。 咄。