Susy 与 Google Web Starter Kit

斯库贝

想知道我哪里出错了吗?试图让 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] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将Google的Web Starter Kit与AppEngine / Jinja2集成的最佳做法

来自分类Dev

将Google的Web Starter Kit与AppEngine / Jinja2集成的最佳做法

来自分类Dev

Google的Web Starter Kit错误在git bash命令行终端中运行gulp

来自分类Dev

在web-starter-kit中使用sass源映射

来自分类Dev

在web-starter-kit中使用sass源映射

来自分类Dev

使用带有Web Starter Kit的BrowserSync出现错误

来自分类Dev

React-starter-kit的构建系统

来自分类Dev

React Starter Kit中的Ajax调用

来自分类Dev

尝试托管Polymer Starter Kit时的GitHub Pages 404

来自分类Dev

react-starter-kit中的require('template.jade')

来自分类Dev

#react-starter-kit React onClick无法在页面上触发

来自分类Dev

MIT react-starter-kit的main.js 404错误

来自分类Dev

React Starter Kit:为客户端引入常量

来自分类Dev

尝试托管Polymer Starter Kit时的GitHub Pages 404

来自分类Dev

Android Web Kit和如何使用Web Kit?

来自分类Dev

Spring Boot Web Starter找不到JSP

来自分类Dev

Google App脚本:“ Apps Script Web App” Web App Starter返回错误“ TypeError:无法读取未定义doGet的属性'parameter'”

来自分类Dev

Google Mobile Backend Starter:扩展移动后端

来自分类Dev

Google Mobile Backend Starter:扩展移动后端

来自分类Dev

如何永久安装了emacs-starter-kit的菜单栏重新打开?

来自分类Dev

部署yii2-starter-kit Yii2安装时出错

来自分类Dev

使用React Starter Kit在Select上打开一个链接

来自分类Dev

全屏视频顶部显示Polymer Starter Kit应用程序抽屉和应用程序标题

来自分类Dev

带有 Webpack 的 React-Bootstrap 无法从 react-starter-kit 工作

来自分类Dev

Native Starter Kit中函数调用后的冒号是什么意思

来自分类Dev

使用 redux-starter-kit 的 configureStore() 设置 saga 中间件

来自分类Dev

spring-boot-starter-tomcat和spring-boot-starter-web

来自分类Dev

Using Spring-Boot-Starter-Web in combination with ObjectDB

来自分类Dev

spring-boot-starter-web @Autowired无法正常工作

Related 相关文章

  1. 1

    将Google的Web Starter Kit与AppEngine / Jinja2集成的最佳做法

  2. 2

    将Google的Web Starter Kit与AppEngine / Jinja2集成的最佳做法

  3. 3

    Google的Web Starter Kit错误在git bash命令行终端中运行gulp

  4. 4

    在web-starter-kit中使用sass源映射

  5. 5

    在web-starter-kit中使用sass源映射

  6. 6

    使用带有Web Starter Kit的BrowserSync出现错误

  7. 7

    React-starter-kit的构建系统

  8. 8

    React Starter Kit中的Ajax调用

  9. 9

    尝试托管Polymer Starter Kit时的GitHub Pages 404

  10. 10

    react-starter-kit中的require('template.jade')

  11. 11

    #react-starter-kit React onClick无法在页面上触发

  12. 12

    MIT react-starter-kit的main.js 404错误

  13. 13

    React Starter Kit:为客户端引入常量

  14. 14

    尝试托管Polymer Starter Kit时的GitHub Pages 404

  15. 15

    Android Web Kit和如何使用Web Kit?

  16. 16

    Spring Boot Web Starter找不到JSP

  17. 17

    Google App脚本:“ Apps Script Web App” Web App Starter返回错误“ TypeError:无法读取未定义doGet的属性'parameter'”

  18. 18

    Google Mobile Backend Starter:扩展移动后端

  19. 19

    Google Mobile Backend Starter:扩展移动后端

  20. 20

    如何永久安装了emacs-starter-kit的菜单栏重新打开?

  21. 21

    部署yii2-starter-kit Yii2安装时出错

  22. 22

    使用React Starter Kit在Select上打开一个链接

  23. 23

    全屏视频顶部显示Polymer Starter Kit应用程序抽屉和应用程序标题

  24. 24

    带有 Webpack 的 React-Bootstrap 无法从 react-starter-kit 工作

  25. 25

    Native Starter Kit中函数调用后的冒号是什么意思

  26. 26

    使用 redux-starter-kit 的 configureStore() 设置 saga 中间件

  27. 27

    spring-boot-starter-tomcat和spring-boot-starter-web

  28. 28

    Using Spring-Boot-Starter-Web in combination with ObjectDB

  29. 29

    spring-boot-starter-web @Autowired无法正常工作

热门标签

归档