问题标签 [susy-compass]

为了让 Rails 在我的 mac 上正常运行，我使用了这个网站：http ://railsinstaller.org/mac

效果很好！- 安装 RVM 和最新版本的 Ruby。不幸的是，我曾经使用一个名为 compass 的 gem，现在它在新安装 RVM 后崩溃了。

有没有办法我可以卸载我在 Ruby 1.8.7 上的旧 ruby​​ gem，然后使用我安装的新版本的 Ruby 1.9.3 重新安装它们？

当我输入 gem uninstall compass 时，它说我没有安装它。如何从旧版本的 Ruby 运行 gem 命令？（我必须为 compass 和 susy 等做这个）

事实上 - 我可以获取所有以前安装的 gem 的列表并卸载所有它们吗？

重置 Susy 网格容器的最佳方法是什么？我有一个网格，下面有几个容器，如下所示：

现在在首页，我希望一个容器是全宽的：

目前我正在像这样重置容器：

但是，看到 Susy 已经包含重置 mixin，reset-columns我想知道这是否是推荐的方法。

在 Susy Getting Started页面上，有一个标记为 的部分'Manual Start'，上面写着：

“如果您不使用终端和/或 Rails 中的 Compass，您可以使用此方法”。

然后它解释了如何复制 Susy 的 Sass 定义@import "susy"，然后（它声称），“你很好去”。

我正在尝试将 Susy 用作我自己的构建系统的一部分，该系统使用“sass”命令行命令来编译我的样式表。显然，Susy Sassmixins依赖includes于 Compass，所以我从 Compass 发行版中提取了 Compass Sass 定义，并将它们放在 Susy 可以访问的地方。然后我尝试编译我的样式表：

sass -I scss/compass scss/foobar.scss ${CSSDIR}/foobar.css

当我这样做时，Susy 会发出警告：

“您需要提供有效的布局（列数）或有效的媒体查询最小宽度断点（长度）”。

深入研究代码，问题似乎在于 Susy 调用了 Compass 提供的“紧凑”函数。实际的调用是这样的：

其中 - 我认为 - 应该评估为：

但是“紧凑”不是 Sass 的特性；它是一个 Compass 函数，在 Ruby 中作为 Compass 的一部分实现。如果 Compass 的 Ruby 扩展不可用，则该调用保持不变，因此 Susy mixin 正在处理：

这不是'false'......所以事情变成了梨形。（问题发生在 susy/_grid.scss 的第 93 行）。

在我看来，似乎在没有 Compass 的情况下使用 Susy 实际上是不可能的。我对这个问题的最佳解决方案是什么？我只是使用'compass compile ...'而不是'sass'编译我的样式表吗？或者我可以以'compact'某种其他方式提供“sass”的功能吗？

我必须在我的布局中容纳一个 MREC 广告。广告的宽度为 300 像素，并且无法随着流体网格收缩而调整大小。

此外，广告必须是智能手机上的第一项，在标题块之前。因此，在断点上，我将其设置为 omega 以将其推送到标题“之后”，如此屏幕截图所示（灰色规则只是为了更容易查看）。

标题是 8 列，广告是 4。除了 ipad 上的广告列和广告缩小到 300 像素以下，一切都很好，我们不允许这样做。那么，除了广告容器之外，如何保持一切流畅呢？

第一次使用 susy compass 插件时，我创建了一个 12 列的流体网格，并在其中添加了两列，如下面的截图所示。然而，我的问题是 % 似乎不正确，我的父容器是 100%，我的主要 col 9,12 cols 和辅助 col 3,12。我想这些应该导致 main col = 75% 和 sec col = 25% 但我的结果是 main col = 74.57627% 和 sec col = 23.72881% ？

CSS/SCSS：

我有 4 个元素，其宽度设置在@include span-columns(3,12)此输出，每个元素都设置为 25%，这很好，我还想做的是为每个元素添加边距，但这样做会破坏这些元素的布局，因为 25% 宽度和 % 边距得到加在一起。谁能建议我如何将边距与宽度结合起来？

SCSS

我是 Susy 的新手，我正在尝试使用 span-columns mixin，但是我收到以下错误：

我已经安装了 compass-susy-plugin (0.9)，但没有安装 Susy gem。

SCSS 文件包括 screen.scss 和 _base.scss

屏幕.scss

_base.scss

Using the susy compass addon, when use the span-columns mixin to be set to $total-columns how can I disable the margin-right value being set by $gutter-width?

At the moment my code is:

results in

ideally i would like margin-right not to exist?

我正在使用来自 compass.handlino.com 的 compass.app，我想知道是否可以使用 Susy 响应式网格系统而不必使用命令行。

我选择 Compass.app 是因为它允许我使用 SASS 和 SCSS 并在不使用命令行的情况下观看文件，所以我想知道它是否也可以使用 Susy。

我到处搜索，但找不到简洁的答案。我可以在 Windows 上将 Susy 与 Compass.app 一起使用吗？如果可以，如何？

谢谢

我已经定义了一个具有列宽的网格以适合我想要的内容。

说，然后我希望使用网格放置一个元素，所以我让它跨越 9 列中的 3 列，宽度约为 33.3%

然后我希望该元素的高度与其宽度相同。

这就是我总是卡住的地方。如果我使用 Compass Susy 的 columns() 函数，它会将高度设置为 33.3%，这正是它的目的，但显然这不是我想要的。

人们如何解决这个问题以获得预期的结果？

亲切的问候，尼尔