问题标签 [singularitygs]

我正在尝试使用 Singularity 1.x 创建缩略图网格。这是代码：

问题是第二个元素（接收 的那个grid-span(1,2)）缺少装订线 ( margin-right)。

截图：

• http://d.pr/i/Xsb7+
• http://d.pr/i/ZcMg+

我尝试更改列数$cols，结果是一样的：所有元素都收到正确的边距，除了第二个。

如何使第二个元素像其他元素一样具有正确的边距？

如何创建一个嵌套网格，它将与其父级对齐？

假设我有网格：2 4 4 3

我希望它的每个中心列都被 2 列细分，这样它们就会与它们的父容器对齐。

谢谢。

为了进一步解释我的问题，请考虑以下代码：

有没有办法避免在一个规则中重复条款规则，这两者都适用？

假设我在另一列内有一个文章网格（2 列）。什么是最好的方法来实现这一点，而不必明确地告诉文章应该在哪一列上的奇异性。

它是用伪类声明它的唯一选择吗？

谢谢。

我为三种屏幕尺寸定义了三个网格。标记包含三个元素，它们显示在每个屏幕尺寸的不同列中。

移动布局，主 div 保留在第一列，页眉和页脚显示在第二列

平板电脑布局，所有三个元素都在第二列重叠（因为margin-right：-100％;），似乎是一个错误。

桌面布局，唯一有效的布局，页眉/页脚/主显示在第五列

网格定义：

款式：

有人知道为什么会这样吗？

我在 Singularity 中使用断点，并且还对网格外的元素使用断点扩展（全角标题导航）。在我的 screen.scss 文件中，我有：

没有 add-gutter() 调用它运行良好，但是当我添加它们时它会中断：

我用错了吗？任何人都可以提供修复建议吗？

编辑： screen.scss 的第 99 行是：

我使用singularitygs 作为我的网格系统，我真的很喜欢灵活性，但我遇到了一个相当独特的情况，我不确定singularity（或任何其他网格系统）是否可以解决

我有一行跨越整个列宽，它分解了文档的标题部分和内容部分。在较大的布局中，有一个元素 div.b 位于 div.a 旁边的完整列栏上方。但是在中等大小的布局及以下，该元素低于整个跨度行。这是源顺序和所需的输出，为简单起见，使用 10 列布局显示。

源顺序

大布局

中等布局

提前感谢网格系统的创建者的任何帮助和++

我正在用奇异网格系统做我的第一个项目，到目前为止我很喜欢它。但是，我在一个<h2>和<h3>元素重叠的部分遇到了一个奇怪的问题......真的很难弄清楚问题出在哪里。

我的开发项目可在以下网址获得： http: //senseslabv3.brunomonteiro.mixture.io/

首先<section>与class=intro.

有没有人知道它正在发生的事情？谢谢你的时间。

我终于找到了一些时间来测试 Singularity，我又回到了我之前遇到的一个问题，因为我找不到一个明显的解决方案。

我的问题是嵌套网格。假设我有一个简单的 12 列网格

我的布局使用了一个主要内容区域，该区域扩展到这 12 列中的 9 列：

在该内容区域内，我需要创建一个分为三列的部分，这意味着里面的每篇文章将跨越父容器的 3 列（即 9 列中的 9 列）。

我已经用下面的代码试过了，但不能让它工作。

我的目标是有一个简单的声明，我可以为每篇文章都有一个通用的文章声明，为每一行中的最后一篇文章传递一个规则，就像我在上面所做的那样。

也许我的困惑是因为我已经习惯了我使用的当前网格系统，你能帮忙吗？嵌套网格以使其与父元素对齐的最佳和最实用的方法是什么？

是否可以使用奇点嵌套网格？

这是我的设置：

我要问的当前上下文是 inside $break3。

我想有以下网格结构。

我意识到下面是不对的，它只是作为我想要的网格结构的演示。我曾尝试使用函数来输出正确的宽度，但没有运气，但这可能是因为我做错了。

HTML结构：

SCSS

• 第 1 部分：@include grid-span(4, 2);
• div.1-a 嵌套在 div1 中并跨越 4 的第一列
• div.1-b 嵌套在 div1 中，跨越 4 列的最后 3 列
• div.1-c 嵌套在 div1 中并跨越堆叠在 1-b 下方的 4 列的最后 3 列
• div.1-d 嵌套在 div1 中并跨越堆叠在 1-c 下面的最后 3 列 4
• 分区 2：@include grid-span(1, 1);

有没有办法让 Singularity 根据网格列的数量自动生成一组可用的类？