问题标签 [susy-compass]

在排水沟中心的两个 Susy 网格项目之间绘制 1px 边框的首选/最干净的方法是什么？

Susy 通过向网格项添加边距来创建排水沟，所以我不能简单地添加右边界（例如，您可以使用Zen Grids，它通过应用一半的排水沟宽度来创建排水沟两侧填充）。

我想它可以使用with-grid-settings()mixin 来定义一个没有排水沟的替代网格，但这感觉就像一个混乱的解决方案。

我想将 div 中的内容居中，同时允许 div 占据屏幕的整个宽度。我在标题中有一个重复 x 的背景图像，并且必须在将内容居中时拉伸屏幕的整个长度。我知道我可以在下面的示例中添加一个 div 作为容器，但这会在 html 中添加很多非语义标记。susy 容器包含已添加到我项目的包装器中。

有没有办法用 Susy 做到这一点，而不需要额外的内部容器 div。如果只是标题就好了，但我的标记在很多地方都需要这个。最后它看起来像任何 CSS 网格框架。

使用 Susy Grids，如何强制容器最小高度为 100%，页脚位于页面底部。

html

css/scss

我是第一次使用 Compass/Susy。我在使用 @include 容器 mixin 时遇到问题。它会自动对其应用clearfix。这是不希望的。有没有办法关闭它，或者覆盖它？

我有一个主要内容 div，嵌套了一个内容和侧边栏 div。我的内容部分是背景色，我想一直走到屏幕的左侧，但停在我设置它的列明智的位置，即 8。

我尝试了 bleed mixin，给了它 10000px 之类的东西，但这把我所有的内容都弄乱了。我能做些什么来实现我的目标？谢谢！

我首先使用方法移动或响应式网站，然后使用 susy。如何为移动设备（默认）和断点（平板电脑、桌面）组织文件 _forms _typo _layout、_mixins 等并拥有输出文件：

谢谢

我可能遗漏了一些基本的东西，但为什么 susy 网格不等于 960px？

我得到宽度 830px。知道为什么它不像其他网格那样是 960px 吗？

这个人将把我送进一个早期的坟墓，提前感谢您将我拉出来的任何帮助。

简短的故事：at-breakpoints从平板电脑网格切换到桌面网格时，列表元素上的多个元素会失败，但在从移动网格切换到平板电脑时效果很好。

顺便说一句，从移动优先的方法开始。

这是标记：

基本的 Susy 配置：

基本布局：

最后是当前失败的代码：

什么有效？从移动 4 列网格到平板电脑 12 列网格使用at-breakpoint. 甜的！

什么失败了？当从平板电脑网格中分离omega(2n)出来时.member list items，第二个列表元素会保留它，omega(2n)尽管它已移动到不需要它的桌面，因此会破坏所需的 5 栏显示。

从 Firebug#members-frontpage .member:nth-child(2n)中提取：#2 列表项。不希望它在那里。希望这是有道理的。

哈克解决方案是.member element从父母的 .scss 巢中删除从手机到平板电脑的中断。

我尝试消除亚像素舍入误差已经有一段时间了，但到目前为止，我一次又一次地惨败。我试图在 Sass 和 Susy 的帮助下完成这项工作。我在上一次尝试中使用的 mixin 是从 Github 上的 Susy 问题跟踪器获得的（我使用了空间、列以及按那里建议的 margin-left/right 属性）：

我的 Scss 如下所示：

首先，我为图像网格创建了一个自定义装订线。然后我定义了一个变量 y 以在两个步骤中进行迭代，以便能够调用隔离 mixin（isolate(2,12) 隔离 (4,12) 等）。对于大于 12 的值，该值最终在 for 循环中重置为 2。然后我为每 li 遍历 30 张图像跨越一列。每次调用迭代的isolate mixin。在 for 循环之后，我附加了 @include nth-omega(6n); 在每个第六个元素之后获得一个新行。

但不知何故，它根本不起作用。前四行缺少第一个图像，最后一行缺少前五个元素。任何想法和建议表示赞赏。谢谢拉尔夫

为什么 jruby 可以require 'susy'在我的指南针 config.rb 中找到，但@import 'susy'在 *.scss 文件中会产生问题：

我现有的应用程序想开始在前端使用响应式设计。但是，在所有开发人员的机器、集成环境、性能环境和生产环境上安装 ruby​​ / compass 会扼杀主动​​权。

根据这个问题和这个简化的教程，我使用我们当前的 Ant build.xml 来使用 jRuby 制作一些目标。

jar 中的 gems技巧，这样我就不需要到处安装 ruby​​：每个最新下载的 jruby-complete-1.6.8.jar jruby 自 2013.03.20 起有相对路径问题

构建过程中使用的 ant 目标：

当用户保存 scss 文件时，基于 Eclipse 的 IDE 用于“自动编译”的 ant 目标。 拥有 Eclipse 'auto-build' scss 文件的说明（从第 5 步开始）

最后，这是 ant 目标使用的 'compile.rb'：

以及指南针使用的 config.rb：

最后，尝试在 scss 文件中使用 susy：