问题标签 [singularitygs]

我想使用 Bourbon/Neat 创建一个灵活的响应式网格，它不仅可以改变列数，还允许我跨断点配置列之间的装订线间距。

所以理论上，这样的事情会起作用：

这目前给了我一个灵活的列数，但 column:gutter 比例保持不变。

我已经研究了singularity.gs，但不想将Compass 作为依赖项引入。

有人有修复/解决方法吗？

我有一个奇点布局，可以在“容器”的任一侧进行填充，就像这里的奇点问题中提出的那样： https ://github.com/Team-Sass/Singularity/issues/91

这样做的基本要求是两边都有一个间隙，所以它在较小的屏幕上看起来很缓冲。

我不明白的是我会@include background-grid在开发时使用什么元素来显示网格。

如果我把它放在.container然后网格将显示在填充下，这实际上不是网格的一部分。当然，我可以在其中创建一个元素，但该元素纯粹是出于视觉开发目的，因此一旦我关闭网格显示就变得多余了。

您可以在下面的图像中看到黑线如何延伸到其父级的边缘，.container但网格超出了该范围。

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

我正在学习断点、奇点和浮动跨度，但我无法让它们很好地结合在一起。

为简单起见，我坚持使用 12 列网格，并且避免了任何嵌套。我想在 $tablet 断点处显示六列浮点跨度，在 $desktop 断点处显示三列跨度。在下面的要点中，我将这些替代显示称为断点组。

http://sassmeister.com/gist/1cca897661125564db41

每个断点组都独立于其他组工作，但在同一个 scss 中组合时会出现问题。不知道我做错了什么。错误的 scss 或第 n 个值之间的某些冲突？

编辑

这是正确的方法。谢谢简

http://sassmeister.com/gist/04adc7d2c992f3d48736

出于某种原因，我的网格仅显示所有屏幕尺寸的移动（3 列）网格。我正在使用以下值，但不明白我做错了什么。任何建议都将受到欢迎

我正在使用下面的宝石

Similar to some other questions asked here, except I have successfully used Compass and Singularity before, and I am using Bundler.

Here's the error I get from Compass Watch:

Here's my Gemfile:

From my config.rb file:

And my Gemlock file:

我最近更新到 SingularityGS 1.4.0 并且在使用现在包含一个属性 .container的类时遇到了问题。@include clearfix;overflow:hidden

对于幻灯片组件，我使用负/正边距来显示与外部箭头重叠的箭头.container：

这是问题的屏幕截图：

https://www.dropbox.com/s/yl4ch4yowe61kz7/Screenshot%202014-09-03%2010.06.50.png?dl=0

我应该在容器中使用 clearfix mixin 以外的东西吗？

编辑： -根据要求添加了 Sassmeister 问题

我开始将一个网站从 Singularity 1.1.2 升级到 1.4.0，但在同一样式表中使用多个网格时，我立即碰壁了。我在这个网站上有五个不同的网格。以前我能够为每个网格和排水沟设置变量，就像这样......

然后我能够使用 Singularity 的layout()函数将这些变量传递给自定义 mixins，就像这样......

这让我可以使用我的自定义 mixins 代替标准grid-span()mixins 来轻松实现我定义的任何网格。例如：

问题是，在 Singularity v1.4 中，网格和装订线设置不再保存到普通的 sass 变量中。相反，它们被保存为全局$Singularity-Settings映射中的键值。用于这些值的键在 、 和 mixins 中硬编码add-grid()，add-gutter()它们add-gutter-style()都不接受自定义变量名称。这似乎有效地阻止了我定义多个网格。因此，尽管layout()mixin 仍然存在，但我不再有可以为网格和装订线设置传递给它的变量，从而破坏了我的自定义布局包装器 mixin。

我已将此作为问题发布在 Github 上，并且我知道可能正在进行更永久的修复。但与此同时，我希望有一种解决方法，我可以使用当前版本的 Singularity 来完成多个网格。

假设我有三个divs：a、b 和 c，它们共享一个共同的包装 div，并且我想对齐为三联画。

是否可以让 b 或 c 具有固定的宽度（想象带有 的侧边栏nav），而其他两个则流畅地扩展？请注意，源顺序很重要（a、b、c 顺序）。A max-width（而不是固定的）也可以正常工作，只要它支持其他两个 div 的流体扩展。

我正在使用 Singularity.gs 1.5.1 来生成网格。当我声明额外的装订线尺寸时，它们会被忽略。这就是我所拥有的：

这会在所有屏幕尺寸下产生 20px 的网格。根据文档，这应该产生：

20px 装订线在 0 - 640px
30px 装订线在 640px - 1024px
40px 装订线在 1024px 及以上

为什么这不起作用？