问题标签 [susy-sass]

刚开始第一次使用 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

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

我正试图把头绕在苏西身上。我想我会喜欢的。只需要更多地使用它。我基本上是在尝试创建可以在整个站点中使用的可重用列。我来自使用基金会网格，所以也许我没有考虑这个问题吗？

我需要能够定位这些列。我读过一些文章说我们不应该用 column-2 或 small-6 之类的类填充我们的 div。如果我不告诉它我的期望，我想我看不到你如何定位 div。

下面的代码有效，但它非常苏西吗？这是正确的方法吗？我必须为所有 12 个列宽创建类似的规则。我必须预先决定我希望这些列如何中断。我是希望跨度 6 列一直跨度为 6 到中等，还是应该更改为跨度 12。这些规则必须预先确定。

如果这甚至是正确的方法。任何帮助，指导或指针表示赞赏。

HTML

苏西萨斯

我想创建一个 1200 像素的固定非灵活非常该死的静态网格。所以我发现，我需要 90 像素的列宽、12 列、10 像素的装订线和 1200 像素的最大宽度。

好吧..以下是我的设置，它给了我一个错误“无效的空操作：11 次空”

样式.scss>

我发现自己经常不得不用margin-left: 0; margin-right: 0;. 我尝试将自定义布局中的排水沟设置为 0

但这不会将排水沟宽度设置为 0，它只是告诉 susy 根本没有设置排水沟。

如何在 susy 布局中将装订线设置为 0（而不仅仅是将它们设置为空）？

我第一次使用 Susy 并且喜欢它的简单性，但它会自动为我调整字体大小，这让我很困扰。我宁愿通过媒体查询来调整布局，所以 Susy 的字体大小变化有点令人沮丧。在整个项目中，我一直在 ems 中定义我的字体——使用 px 会有什么不同吗？我会很感激一些指导！谢谢！

假设我有一个文件“_file1.scss”和“_file2.scss”。它们都有一个名为“my-mixin”的mixin。是否可以在“main.scss”文件中导入“_file1.scss”和“_file2.scss”并指出我想从哪个文件中使用mixin？

像“file1/my-mixin”这样的东西。

我遇到的问题是我正在使用 SUSY 和“compass/css3”，并且都有一个“columns”mixin。

是否可以有嵌套网格，带有拆分排水沟，与祖先网格列对齐？

first这可以通过使用和属性的前后定位排水沟轻松完成，last但我使用拆分排水沟实现了类似的结果。不确定是否可能。

是否可以使用 Susy 创建一个布局，其顺序与标记中的顺序不同？

我的标记类似于：

这种标记最适合以线性方式（内容、侧边栏、侧边栏）呈现的移动设备。

但是桌面，我想展示东西侧边栏，内容，侧边栏。

我的 $susy 地图是：

我试过了

和