Susy Google 网络入门工具包

Question

想知道我哪里做错了吗？尝试让 Susy 使用 Google Web Starter Kit。

1.Cloned GWSK 进入新目录。

2.Ran yarn 安装依赖项。

3.Installed苏西：

yarn add susy --dev

4.Added 到 gulplfile:

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

5.In 我的样式文件：

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

6.In准系统html文件：

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

7.Thengulp serve顶起来。

然而当 basic.html 加载时，div 未对齐并且没有错误。

Answer 1

显然，我需要添加 of 12

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

我的 css select 是 .content 而不是 .container。呸

Susy with Google Web Starter Kit