问题标签 [singularitygs]

任何人都可以帮助我使用 Singularity 的隔离跨度方法吗？它实际上并不清楚。我放置了一个带有隔离跨度（4, 3, 'both'）的文章/ div（类.special），它被应该遵循的两列（使用网格跨度）覆盖。'both' 是为了清除任何后续的 div，但不会。我不得不在隔离跨度之后添加一个空的 div（id = spacer），即使这样，我也必须给那个空的 div 一个隔离跨度（1,1，'both'）以使其清楚。我已经使用不同的位置作为断点来解决这个问题，这是让它工作的唯一方法。我使用 'Bundler' 来安装 Singularity 1.1.2 和各种依赖项作为 Ruby 2.0 gems。我包括 .scss。.left_inset 工作正常；如果没有我的解决方法，它就是 .special 。HTML 只是带有 lorem 填充符的几个左右段落，网格为 3、8($breaktab) 和 12($breakdesk)。除了 .special 隔离跨度外，一切正常。

答案可能是将 .left 块变成这样的浮动跨度：

然后正确编译并强制隔离跨度后的块清除。

我还没有通过 Singularity 完成一件事。目前，我尝试从浮动切换到隔离输出样式并使用网格和隔离跨度。但是有一种模式我无法重现。不确定是否有更优雅的方式。对于浮点输出，到目前为止我使用了以下设置，例如

导致 4 个盒子，宽度相同，彼此相邻对齐。但是如何通过隔离跨度/隔离输出来实现相同的目标。如果我尝试

我是否必须为每个“列”写一个第 n 个孩子和一个隔离跨度包括（因为浮动示例中的第 n 个孩子只显示了第一个和最后一个框）？或者有没有像上面的浮动示例那样更短的方法？最好的问候拉尔夫

指南针框架无法加载/找到“singularitygs”框架/扩展：

我通过 RubyGem 安装了这些软件包：

这给了我以下信息：

compass:dev我的 Gruntfile的任务：

结果：

接下来我尝试了一个config.rb文件：

具有以下内容：

就是这样，结果如下：

因此，我检查了 Compass 是否compass frameworks --trace在另一个目录中有该框架：

如果我在文件compass frameworks --trace所在的根目录中执行相同的命令config.rb，我将得到相同的错误：

我不知道，我可以尝试解决这个问题。此外，我卸载并安装了所有 gem 文件但没有成功。也许这是错误的宝石环境gem env？

感谢您的帮助和提示，大流士

我已经构建了以下测试用例： http: //www.sassmeister.com/gist/9127157

问题是，一旦布局切换到三列（从 bp 1075px 开始），我必须将 .follow 和 .newsletter 类的清除切换为 none，否则侧翼框 .contact 和 .thanks 会被推送。但现在 .newsletter 框堆叠在 .follow 框上方。

有没有办法只用 CSS 来解决这个问题（我已经尝试过 clearfix mixins 但没有运气）或者是 html 标记中的包装 div 是 .newsletter 和 .follow 这两个类所必需的？我没主意了。:(

提前感谢拉尔夫

I would like to use the "column-span" function to return the width of the grid column, but without including a specific grid in this function, the global "grid" variable is used.

As I'm creating a mobile first design, the global grid variable is set to 4, but with breakpoint, using "add-grid", the div should include 16 columns at this specific grid. column-span ignores this, so it returns the column as If the grid is 4 column, not 16.

我想创建一个带有singularitygs的页面，它会产生类似的东西

http://www.foreignpolicy.com/

我想要实现的是，标题部分的宽度应为 100%，但内容部分应以最大宽度为中心：960px。当它们变小时，两者都会响应，就像上面提到的页面一样

根据我在https://github.com/Team-Sass/Singularity/wiki的理解，我无法创建同时具有 px 和 % 大小的网格。

是否有解决方法？

问题是我正在开发一个带有 Drupal Omega 主题的模板，singularitygs 与它配合得很好。

如果有人好心给我一些反馈，我将不胜感激。谢谢

对不起，我的英语不好：-）

compound导入后使用该函数后singularitygs/extras，如何使用该函数在grid-span我们用该函数实例化的两个（或多个）网格之间交替 - grid-spanmixin的第三个参数$grid，或其他方式？

我在yeoman gulp-webapp项目中安装奇点时遇到了一些麻烦。首先，我用 bower 安装了奇异性。

之后我有一个这样的项目结构：

然后我将奇异性导入到我的main.scss文件中，如下所示：

在_singularity.scss中，我将断点的导入路径更正为：

如果我gulp现在在终端中运行，我会收到这个奇怪的错误：

有没有人知道如何让这个设置运行？

谢谢，奥利

使用奇点网格系统：

我有一个嵌套网格。没什么特别的，只有 2 列。代码是这样的：

它渲染得很好，但我一直得到不想要的边距。主要内容的左边距很小，侧边栏的右边距很小。我希望这些边缘的边距为零，类似于将主要内容声明为“alpha”，将边栏声明为“omega”。

这是 CSS（全桌面宽度）：

我不认为这是默认的奇点行为，在我的网格的外边缘添加那些小边距。或者是吗？我能以某种方式绕过它吗？（除了手动添加margin-left：0和margin-right：0）。当然，如果外边缘有边距，则每个 DIV 的总宽度也应该增加（例如 - 对于主要内容，而不是 65%，它将是 65.83333）

我有一个图像矩阵。每行 2 个图像，一个宽度为 1/3，另一个为 2/3，两者之间有一个排水沟。所有图像具有完全相同的高度。但是，如果在某些视口处减小视口宽度，则 2/3 图像的高度会小于 1/3 图像的高度。我怀疑这是由于我在这种特殊情况下使用的默认装订线样式。在所有其他情况下，它的表现都很好，但也许这就是问题的根源。

我的网格设置是：

并且css的一个示例部分看起来是这样的（我还有3个开关基线包括）：

现在我的问题是，是否可以覆盖单个 mixin 或布局上下文的默认网格设置？我试过 $gutter-styles: fixed after $gutter:.5 以及将 gutter-styles 语句添加到布局 mixin - 两者都会导致指南针错误。我正在使用奇异性 1.1.2 。最好的问候拉尔夫