问题标签 [susy]

我在使用 Susy 2 的 span mixin 的“wide”选项时遇到了问题。

我将排水沟位置设置为“之前”。

我有两列并排

我假设 .nav-primary 的跨度设置为宽，它不应该包括左边距，但它确实包含，从而抛弃了布局。我可以将其重置为零，但我想知道我是否做错了什么。

谢谢

我有一个问题.. 我不能让我的元素占用三个列，我已将其设置为跨 12 列中的 4 列，应该等于 3 列。我可以用@include omega 做到这一点；在最后一个孩子上，但当我有超过 3 个元素时，这并不是真正的解决方案。我知道它是因为它为第三个元素添加了边距，但我该如何解决呢？以便它删除每隔三个元素的边距？

文案

HTML

我使用的是 susy 2.1.3 版，自从从我的编译时间不到 1 秒的版本 1 升级后，现在需要 7 秒以上

我已将所有 gem 更新到最新 + beta 版本，看看它是否加快了速度，但没有运气，我已经恢复到旧版本，但始终是第 2 版，因为它不依赖于指南针，也没有运气。

如果有的话，我怎样才能加快编译时间？

我正在使用 Susy 框架并且非常喜欢它。但是我对增加的额外边距有一个小问题。这是我在这里尝试创建的工作示例。是什么导致 hero__about div 的孩子的额外边距，我该如何解决？

HTML

SCSS

刚开始第一次使用 SASS。在我的 Windows 8 上使用 ruby​​ on rails 设置它，并让它工作并使用 Koala 编译器进行编译。我只需要使用 Susy 库，但我无法让它工作。到目前为止，我已经安装了以下内容：

这似乎并没有使 susy 工作。sass 编译器在遇到 Susy 语法时会不断抛出错误。在他们的页面上，他们确实提到确保 sass-rails 是 5.0.0.beta1 版本，但是 ruby​​ 命令提示符不接受诸如gem 'sass-rails', '~> 5.0.0.beta1'. 是我必须在其他地方输入吗？或者可能是我需要使用不同的编译器？

温柔点，我是新手：D

我想使用 Susy 框架为 SASS 中的列跨容器创建一个 mixin，我可以在 div 中使用包含并使用跨度列，例如：

然后在 CSS 中像这样使用它：

但我在输出 css 中得到错误“混合容器缺少参数 $columns。” 我在这里做错了什么？

我正在使用 Susy 的图库工具以网格格式显示元素。Angular 会根据用户的选择即时隐藏或显示这些网格元素。当 Angular 在网格中隐藏一个元素时，它会为它附加一个类ng-hide。这反过来将其 CSS 设置为display:none !important.

问题是 Susy 正在计算每个元素的位置，而不考虑设置的项目display:none- 当这些元素被隐藏时，它会在网格中留下空隙。

是否有可能让 Susy在布置隐藏元素时忽略它们？

我试过使用:not()CSS 选择器，但没有成功 - 布局中仍然存在差距：

I'm building a site with susy to allow flexibility with the grids I need, I have not set any settings at the moment so Im only using the defaults.

I want to be able to change the gutters (make them smaller) for a section of the site. I built it out here:

http://sassmeister.com/gist/89243b68852fdd9cf282

SCSS

HTML

In the picture it has the sites default, but I need only this section to have at least half the gutter width it has now.

I continue to get this error in my terminal.

Error: WARNING: Static math requires a valid column-width setting

I am currently using gulp and gulp-sass for my app. This is my main.scss file, and I can't seem to figure out how to satisfy this error. The actual error brings up nothing in Google, and I have followed Susy's docs. Susy also states that I don't need Compass, so I haven't installed gulp-compass.

main.scss

gulpfile.js

当我运行 grunt 时，我不断收到以下错误。我已经多次安装、卸载、重新安装它们，但同样的问题。在具有相同安装文件的以前的 PC 上它工作正常，所以我对导致问题的原因感到困惑？

我安装了以下内容：

• 红宝石 2.1.5
• Node.js 0.10.26
• 指南针 0.12.2
• 苏西 1.0.9

错误是：