想知道我哪里出错了吗?试图让 Susy 使用 Google Web Starter Kit。
1.将GWSK克隆到新目录中。
2.Ranyarn
安装依赖。
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 没有对齐并且没有错误。
显然,我需要添加 of 12
.col {
@include span(4 of 12);
}
那和我的 css 选择的事实.content
不是 .container
. 呃。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句