问题标签 [singularitygs]

我继续使用Singularity进行我的旅程，并且我很享受尝试这个框架。我在Sassmonster.com（Github 存储库位于https://github.com/58bits/sassmonster）上创建了一个实验站点。

我正在讨论这个框架，以及其他“语义”框架（如果在这种情况下这是正确的术语）与Foundation和Bootstrap等表示性标记框架。

我想知道是否有人可以总结 Singularity （和原始Semantic Grid）采用的方法的相对优点 - 不需要网格类或属性出现在标记中。

如果我理解正确的话，主要优点是能够独立于文档源顺序或任何固定类属性动态更改布局（例如，给定断点处的新网格布局和网格跨度设置，包括与源顺序无关的更改，如侧边栏从左侧切换到右侧）。

我敢肯定还有其他人，但会感谢比我有更多经验的人的总结；-)

最后——就一般网格系统的未来而言——CSS 网格布局模块的普遍采用是否会淘汰像 Singularity 这样的过时框架？

我正在使用两个网格跨度的主要布局，它们用作内容和右侧面板。然后，在内容中，我有三个网格跨度，它们是相等的列。像这样： 1. 父跨度：6 和 6 2. 第一列的子跨度：4 和 4 和 4

发生的情况是，当我对内容 3 列使用 grid-span 时，它们都有填充，所有三个，最后一列的填充在视觉上添加到父容器的填充以创建双装订线。

但是，当我使用 float-span 时，三个内容列中的最后一个没有填充，并且在视觉上看起来比前两列长。

有没有办法使所有 3 个子列的大小相同，并且第三列没有填充，而不必使用 css 覆盖来破解奇异性？

我有一个文章元素的栅格，每个元素都代表一个事件。通过复选框 hack，每个事件的附加内容会在鼠标单击时展开并显示。问题是：

是否有可能只有展开文章正下方的同一列中的文章被下推，而不是其他列中的文章（如事件 4，红色的）？

该示例（使用 sass、指南针和奇异性）保存为要点https://gist.github.com/rpkoller/678e30212e9da8b41619 ，在 sassmeister 上为http://sassmeister.com/gist/678e30212e9da8b41619（sassmeister示例也受到影响除了在本地没有使用相同代码发生的一些 clearfix 问题）

目前我不知道如何解决这个问题。每个提示都值得赞赏。最好的问候拉尔夫

我已阅读Singularitygs 的网格方向部分，但无法弄清楚如何更改网格的方向。有人请澄清解决方案吗？

请看这个要点： http ://sassmeister.com/gist/6d575ec85663865fa567

在那里你可以看到一个 placehold.it 缩略图网格，通过float-span 我现在需要的是：

• 每行中第一个 .item 的 padding-left 应为 0

• 每行中最后一个 .item 的 padding-right 应为 0

然后，这将在缩略图网格中结束，与其余内容（例如 lorem ipsum 文本）完全对齐

用singularitygs实现这一目标的野兽方法是什么？

更新 2014-07-21

我需要的可以在这个屏幕上看到：

我不需要另一种填充样式，我需要删除每行中第一个和最后一个项目的填充。这不能通过 css 完成，因为 sass 计算是错误的。

更新 2014-07-30

基于各种来源，我设法建立了这个mixin：

可以通过以下方式调用：

一个例子可以在这里看到： http: //sassmeister.com/gist/7a45960747ad3d4bbf56

我使用 Singluritygs 和断点（包含响应），我希望我的全局装订线宽度根据这些断点而改变。

我认为这会起作用，但它没有：

我是以错误的方式接近这个吗？

请注意，使用此技术添加网格确实有效：

我目前使用的是 1.2.1 版本的 SGS，发现 grid-toggle mixin 对我来说失败了。

根据当前的 WIKI 文档，它指出：

如果您希望能够打开和关闭网格，grid-toggle可以使用 mixin。不应在选择器中使用 grid-toggle mixin；它会自己写。

对我来说，最重要的部分是整个第二句话，它说明了……

不应该在选择器中使用 grid-toggle mixin。

当我运行时，compass:dist我得到以下信息……</p>

未定义的混合“网格切换”

这是我当前 SGS Sass 文件http://codeshare.io/Ek0sH的代码共享，这是我正在使用的 gem 的另一个代码共享，其中包含每个列出的版本。http://codeshare.io/NEzzr

使用 Drupal 视图输出，我想使用浮动跨度显示查询结果的平铺网格，如此处所述

请参阅 sassmeister css 源代码中的评论，以更好地解释我想要实现的目标。

在 SassMeister 上玩这个要点。

非常感谢任何帮助。

我想在具有奇异性的标题中居中两个元素。这是我的html代码

我拥有的 sass 代码是：

所以我尝试寻找是否有更好的解决中心元素的方法。

标识位于 ID #block-block-5 和 ID 为 #block-system-main-menu 的菜单中

菜单是个大问题，因为不管是从四列还是五列开始都不要调整，无论如何都有一点额外的空间，永远不要进入中心。任何想法来解决这个问题？

我遵循了这个快速演练指南：http: //vimeo.com/63509346 并运行了以下命令：

1. gem install compass
2. gem install singularitygs

一切顺利，安装部分没有错误。

不幸的是，在运行此命令时：

compass create foobar -r singularitygs --using singularitygs

我收到此错误：

现在，事实上，我确实已经sass-3.3.10安装了，但是在收到此错误并阅读此处的安装指南后：https ://github.com/Team-Sass/Singularity/wiki/Installation我已经sass完全卸载并重新运行该命令gem install compass，因此它将sass-2.x.x根据需要安装。但由于某种原因，我仍然无法运行compass create...- 我得到了同样的错误。

这些是我电脑上安装的所有 gem：

任何帮助表示赞赏，如果需要任何进一步的数据，请告诉我。

干杯，