使用Google Web Starter Kit的Susy

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

显然，我需要添加$("[id$=sample] a").filter(function () { return this.pathname === location.pathname; }).addClass('current-page-class');

of 12

我和css选择的事实是.col { @include span(4 of 12); } 不是 .content。咄。