问题标签 [singularitygs]

对于一个移动优先的网站，我需要一个带有 SASS 预处理器功能的网格。目前我正在使用 Bootstrap 3 Grid，它工作正常，但似乎缺乏灵活性。特别是我不想让我的 html 与额外的 css 类（如rowor ）混淆column-4。

我发现了两个有希望的选择：

1. 截击网格
2. 奇点

两者都有强大的工具来跨越列、更改断点、修改排水沟等。你能简要概述一下两者的优缺点吗？

我正在使用 gulpjs，我想罗盘

但我收到以下错误

这是我的 config.rb

这是我的 gulp.js

我正在使用singularitygs 1.2.1，指南针（1.0.0.alpha.19），sass（3.3.7，3.2.19）

当我添加：

它完全打破了排水沟，也在命令行上收到此警告：警告：弃用：为了消除全局变量命名冲突，Singularity 的设置已移至单个$singularity变量中。请参阅我们的文档 ( https://github.com/Team-Sass/Singularity/wiki )，了解如何更新您的设置。在下一版本的 Singularity 中，此警告将被删除。拆分已返回。

如果我删除 sgs-change 并使用：

我得到：

我关注了关于如何添加固定宽度排水沟的 wiki，我错过了什么，或者这是一个错误？

我查看了 Singularity 的文档，似乎推荐的拥有多个网格的方法是使用 layout mixin，但我一直在做不同的事情。

当我说多个网格时，我指的是具有不同页面部分的不同列数的页面，具有相同的媒体查询。

我的问题是，我一直@include add-grid()在我的容器中重复使用多个网格，这是使用 sngularitygs 的可接受方式吗？我没有找到以这种方式使用它的示例，但它似乎工作得很好。

我只看到用于设置全局网格的添加网格，使用它在容器内添加另一个网格是否不明智？我还打开了容器中的 bg 网格以可视化嵌套网格。

它似乎非常适合在容器中可视化网格，但是我在文档中没有看到以这种方式使用这些 mixin，这是错误的原因还是有更好的方法？谢谢。

Singularitygs Grid overlay Not Showing 这把我逼到了墙角，我终于有了奇点工作，但无法缝合显示网格 - 如果有人能提供帮助，那就太好了。

不关心花哨的切换解决方案，只想拼命地看到网格叠加！

我的 HTML

我的 SASS

如果有帮助，我正在使用 codekit。

提前致谢

我刚刚开始使用 Singularity 网格系统 - 慢慢地了解它。

我在隔离模式下工作，并且可以使用移动优先方法设置我的网格值。

最小的网格是@include add-grid(2);

我在页面上有一个页脚，页脚内有四个部分。

在最小的屏幕尺寸下 - 页脚设置为@include grid-span(2, 1);

我希望页脚内的两个部分在第一列和第二列中彼此相邻出现。然后是下一行的下两个部分，在接下来的两列中。

对于屏幕尺寸，我希望在同一行的页脚中的所有四个部分。

在纯 CSS 中，这通常使用浮点数来完成，例如 25% 的宽度。

我的问题 - 是否有任何 Sass 或 Singularity 可以使这四个部分的标记有点“干燥”？或者我是否必须为所有四个部分以及所有断点设置网格位置和网格跨度设置？

例如

我一直在尝试使用 Singularity 创建几个典型的布局示例，并且我对网格跨度和浮点数有疑问。

我创建了一个示例 scss 样式表和 html 布局。这是关于 Sassmeister 的完整示例。

http://sassmeister.com/gist/a7ca98b7520b12bd6241

我的问题是包含内容的 div<div id="content">是否是必要的？我必须将它与 clearfix mixin 一起使用，以便“拉”下 div 并将页脚保持在内容部分下方并放在一边。

有没有另一种方法可以通过 Singularity 实现这种布局，而不必使用周围的 clearfix div？主要部分中是否有不使用浮点数或自行清除此部分的网格跨度选项？

好的 - 我已经阅读了 John Albin Wilkins http://palantir.net/blog/responsive-design-s-dirty-little-secret - 我现在了解了“隔离”模式的动机（以及它是如何实现的）。

然后我阅读了 Sam 最初对隔离模式的反驳，尽管他更新了他的帖子说他正在接受这个想法（或者至少他理解这样做的动机） - http://snugug.com/musings/on-响应式设计-肮脏的小秘密

如果我正确理解了这一切，Singularity 对 Zen 网格提供的一项增强功能是，它允许您混合输出样式（例如，您可以使用 @import 布局混合在布局中间切换到浮动输出） .

然而，在隔离模式下——我仍然不清楚你如何“清除一行”——正如约翰·阿尔宾·威尔金斯在他的帖子中提到的那样......

虽然使用这种技术的浮动物品不再能看到彼此的右边缘，但在清除时它们仍然可以看到它们的底部边缘。这意味着您可以通过简单地清除先前的网格项来启动新的网格项行，并且此新行将位于所有先前内容的下方。

假设我有一个部分，里面有 6 篇文章 - 我希望所有文章都占据该部分中两列网格的 1 列。

也许我对行清除有点着迷，尽管我承认这在浮点输出中“自然”发生，并且 Sam 在他的帖子中抓住了它，并且没有任何帖子准确描述“如何”清除行在不使用 clearfix 容器的隔离模式下，我的好奇心被激起了。

为什么 HTML 元素不能正确对齐网格列。 https://pbs.twimg.com/media/BqaoDBzCMAEzcTG.jpg:large

C:\Documents and Settings\Administrator>gem install 奇点

获取：redis-2.2.2.gem (100%)

获取：redis-native_hash-0.2.2.gem (100%)

获取：i18n-0.6.9.gem (100%)

获取：json-1.8.1.gem (100%)

错误：安装奇异性时出错：“json”本机 gem 需要安装构建工具。

请更新您的 PATH 以包含构建工具或从“ http://rubyinstaller.org/downloads ”下载 DevKit，并按照“ http://github.com/oneclick/rubyinstaller/wiki/Development-Kit ”中的说明进行操作