问题标签 [singularitygs]

我使用奇点设置了 12 列网格。很多时候我都在寻找一个简单的列宽变量。我可以使用 grid-span()，但它涉及边距和浮动。是否有任何混合/函数仅返回 % 的列宽？我正在寻找这个两天没有任何成功。我发现只有 span-columns(x, y); 但它不起作用。

感谢您指出一个方向。

编辑：找到解决方案

尝试使用 column-span ( https://github.com/Team-Sass/Singularity/wiki/Grid-Helpers#column-span ) 作为与@include. 正确使用例如：

我在弄清楚如何打开网格可视化时遇到了一些麻烦：https ://github.com/Team-Sass/Singularity/wiki/Creating-Grids#visualizing-your-grids 。有人可以为我提供更多帮助或分享一个例子吗？

我无法让 Singularity 的网格切换工作。当尝试按照他们的 wiki 安装时，我得到的响应是没有像奇异性这样的框架。它实际上已安装，显然在singularitygs/templates/下，但在任何地方添加其他行似乎没有任何作用。它有效吗？

Grid-toggle 是 '@include background-grid' 的替代方案，允许您通过按键 'g' 来切换背景网格。按照安装和激活说明（Singularity Wiki，“可视化您的网格”），我无法让它工作。我想知道是否有其他人正在使用它并且可能会有所帮助。有一句话是这样写的：'grid-toggle mixin 不应该在 aa 选择器中使用；它会自己写。注意我没有在选择器之前输入两个字母'a'；它在维基上。我很困惑。

我没有gemfile。gem 'grid-toggle' 位于我的 Ruby 文件夹（OSX 10.7.5）的深处。我显然没有在我的 style.scss 中将正确的行放在正确的位置。文档不是世界上最好的，不是吗？

是否可以指定要在其兄弟姐妹之前或之后呈现的重叠网格元素？

我下面的代码将.l-branding呈现.l-header. 我需要在源顺序.l-branding之前.l-header，所以它.l-header在手机上呈现（幻灯片）。

HTML：

SCSS：我可以将position:absolute;andz-index:10用于$tab&$desk断点，但想知道是否有更好的方法。

我有一个 2 列网格和两个 div，我都想从第一列开始跨越一列。我希望这些堆叠在一起，但它们被重叠在一起。这是scss：

我已经通过在这两个 div 之间插入一个额外的 div 并使用 @include clearfix; 来修复它。或者我可以通过使用 @include isolate-span(2,1,'both'); 来修复它。在第二个 div 上。

有没有更“最佳实践”的方式来清除这样的行？

我确定我错过了一些明显的东西……似乎我不得不为某些元素重新声明我的上下文。我在全局变量中声明了以下内容：

当我尝试在页脚中定位元素时，除非我声明可选的上下文变量，否则它将不起作用，例如。

如果没有最后一个值，该元素不会显示我将它放在全局网格上的位置。（当然，这是 >900px 宽度。）我想如果我想从全局更改它，我只需要指定上下文。

我是否错过了全局上下文声明中的某些内容？

在此先感谢您的帮助！

英石

给定以下 HTML 结构：

...以及以下奇点 SCSS：

...我想创建一个这样的布局，其中 B 从其容器 A 中向左拉出 1 列，并跨越最左侧的 2 列：

当然我可以自己做数学，但我觉得这应该可以使用 Singularity mixins 和函数（毕竟，这就是我使用网格框架的原因:-)）但是，我无法获得尺寸和定位B 正确。

我使用哪些 Singularity mixins 和/或函数来设置的宽度（列跨度）和位置（负边距左）div#b？

按照可视化您的网格https://github.com/Team-Sass/Singularity/wiki/Creating-Grids#visualizing-your-grids说明，我一直在尝试使切换功能正常工作。

首先，有人可以解释以下实际上是做什么的吗？

我假设创建一个文件夹和一些文件，但是当我运行命令时，什么也没有发生。如果我执行以下操作..

它按预期创建目录和文件。

我的项目适用于 Singularity（这只是 1 个 SASS 文件，1 个 html 文件）

@include background-grid在 SCSS 文件中工作，但这是第一种方法，我对切换版本感兴趣。

我试图手动包含提供的 grid.js 和 grid.min.js 文件，并在我的 index.html 文件的头部引用它们。我按照建议将data-development-grid="show"添加到 body 标记中。我什至无法让网格默认显示，更不用说让它与切换一起使用了。

这是我的 gem 文件的一部分

还有我的简单 HTML 文件

还有我的 1 个 SCSS 文件

在上述所有导入的下方有一些网格变量、一个容器类、一些其他基本样式。

任何帮助表示赞赏。

谢谢

我正在使用我相当陌生的singularity.gs 建立一个网站。我无法为 div 提供背景颜色，这是我的 html 结构：

http://oi44.tinypic.com/205xt1i.jpg，“绿色”部分是我的关于 div。

为了达到这种效果，必须为 div 设置一个高度：

如果我删除“height:340px”，则不会绘制背景：

http://oi39.tinypic.com/2s16ezl.jpg（只有我的细边界）

有没有办法让 div 围绕其内容（.photo，.text）包裹它的高度？

注意：如果我删除 .photo 和 .text 的 @include grid-span 会显示背景，但我不想失去奇点功能

提前致谢！

是否可以从容器中提取元素，同时保持它们与主网格对齐？

在下图中，我展示了我想要实现的目标。假设我的所有文本，包括第一列中较小的细节，都在一个跨越第 2 列和第 3 列的容器上。然后，我希望较小的文本从该容器向左拉一列，有效地移动到第 1 列，同时与主要副本保持一致。

红色框是主网格，蓝色是内部容器元素。

奇点有可能吗？