问题标签 [susy]

我喜欢susy，我喜欢Singularity。有没有办法让这两个与 libsass 一起工作，或者如果没有，是否有任何像我可以与 libsass 一起使用的网格框架（在我的情况下使用 node-sass）？

我正在尝试生成跨列跨度为 4 的 1/5 的排水沟。全局设置是：

紧随其后的是这个选择器：

生成的 CSS 为.mosaic：

我确实希望每边的填充为 4/5 / 12（列）/2（边）= 1/30 = 3.333...% 这将导致 1/5 的排水沟（每边 1/10 ) 的列跨度的总宽度。

1. 我如何达到预期的效果？
2. 填充值 (1.85...%) 是如何计算的？
3. 为什么它们不符合我的预期？

我的所有 Sass/Scss 工作都使用带有 Web Essentials 扩展的 Visual Studio 2013。这很棒。

我遇到了一个关于我真正想使用的网格框架的教程，名为Susy。然而，我在上面看到的教程都是在 Linux 或 mac 以及某种基于 ruby​​ 的环境中使用它。

即使在站点链接上，我也没有看到让它在 VS2013 中工作的说明。我尝试了扩展管理器和 nuget 包管理器，但无济于事。

我唯一的选择似乎是下载源代码并尝试通过组合所有 Scss 文件来编译它，并希望我以正确的顺序进行编译。但是有些事情告诉我我有点过于复杂了，有一种更简单的方法。

有很多这样的基于 ruby​​/Linux 的库，我真的很想知道如何将它带入 VS2013，然后我可以为我想要的任何库做到这一点。

我确信为此类库（以及库本身）制作教程的人不会故意（如果有的话）排除 VS2013。我只是不知道如何让它们进入 VS2013。

任何帮助，将不胜感激。提前致谢。

我已经与 Susy 合作了一段时间，遇到了一个我似乎无法弄清楚的用例。解释它的最好方法是以 Twitter 为例。

如果您查看他们的网站，您会看到他们使用三列标准布局，在 1250 处有一个断点。到达该点之后，整个最右边的第 3 列都位于第 1 列下方。

Susy 2 中的纯 CSS 是如何做到的？当我查看 twitter 时，他们似乎将内容从第 3 列物理移动到第 1 列。我假设这一切都是用 JS 完成的，但 id 宁愿做得更干净一些。想法？

我在尝试显示来自 susy 2 的调试网格时遇到了麻烦。

基于此示例：

http://sassmeister.com/gist/9533822

我用

但是开发者工具的回报是：

https://www.dropbox.com/s/pskhjvwd631jux6/Screenshot%202014-08-24%2015.31.37.png?dl=0

SVG 网格不存在

我开始考虑我的 gulp 配置：

但是我停用了 imagemin 或任何可能会影响的东西，并且总是一样... :(

会是什么呢？

谢谢

我有一个非常简单的基于 gulp 的测试环境，仅使用 sass 和 susy2 gem - 没有指南针，因为指南针不再是 susy 2 的依赖项

我得到的错误是

问题文件第8行，susy的设置如下：

我正在使用 sass 版本 3.4，它应该支持 sass 映射语法和 gulp-sass 版本 0.7.3。连同 susy 2.1.3。

知道为什么我会收到此错误吗？

我正在为一个项目使用 susy2，我想包含一个图像，该图像仅在左侧网格外流血，然后跨越网格内的 7 列。问题是，我不认为我可以只使用出血，因为出血量不是恒定的。

该图应该更好地解释我的目标：http: //i.stack.imgur.com/OFd6H.jpg

谢谢！

可以将 Susy 与 Jekyll 一起使用吗？如果是这样，怎么做？

我尝试将 'susy' 添加到我的 Gemfile 和bundle install'ing，然后将 susy 添加到我的gems数组中config.yml：

并按照Jekyll 文档中的说明，放入@import 'susy'我的/css/style.scss文件中。但是，我收到一个错误：

找不到或无法读取要导入的文件：susy。

我试图安装 Compass，最初看起来很成功，但是在检查版本时我看到了这个：

我不确定此通知的确切含义-这是我的第一个问题。

我也单独安装了 Susy，但我仍然看到上面的通知。假设这是我需要解决的问题，那么这样做的步骤是什么。

我有一个三列网格，并且使用该+span函数可以很好地定义列。因此，如果我想要一个元素跨越一列，我会这样做：

和两个：

ETC..

我现在想要一个元素跨越一列，但在位置 2，即在中间列。

Susy 文档说使用at关键字来指定位置，如下所示：

但是，这不起作用，我的专栏位于第一个位置，即左侧。

生成的CSS：

当我做

生成的CSS：

这工作正常，我的专栏在第三位。

如何使该位置起作用以使我的列位于第二位置？

一些有助于解释的图像：

在第一列：

在第 3 列：

我想要的是：

最后一个示例是通过以下方式实现的：

我认为这是一个 hack，这也意味着高度现在是错误的，因为没有浮动。我认为这不是你应该与 Susy 合作的方式。

版本：

指南针 1.0.1 苏西 2.1.3

我使用的是 .sass 文件，而不是 .scss