问题标签 [susy-sass]

在阅读文档时，Susy 将其装订线宽度作为列宽的百分比。

我有一个宽度为 768px 的容器

我有 3 列

我希望每个装订线是 768px 的 5%，即 38.4px

我正在使用拆分的排水沟位置

执行以下操作，我的排水沟宽度为 3.33333%：

但是这样做会给我正确的 5% 的排水沟宽度：

我通过反复试验找到了这个数字，似乎无法计算出公式。

我假设以下之间存在关系：

列数：3

排水沟数量：6

容器所需百分比排水沟：5%

我需要提供 Susy 以获得我想要的装订线百分比（容器）：0.428572

如何根据容器宽度的百分比设置 Susy 装订线宽度？

我正在尝试让 gulp 编译sass并使用susy网格/框架。

我很难在网上找到有关此的任何信息。

我已经包括：

进入我的package.json并安装了所有东西。

我的 gulp sassgulp 任务是这样的：

所以我一生都无法弄清楚如何包含它，susy所以它符合使用gulp，我没有看过也似乎无法在网上找到任何与此相关的内容。

我想使用 Susy 偏移列，例如 Bootstrap 中的偏移列。

我试着用

但这不起作用。我做错了什么？

自从更新到最新版本的 Compass 后，现在编译需要 4.294 秒。

由于需要，我需要这个版本的指南针susy

我用 grunt 编译：

如何加快编译时间？我的配置有问题吗？

我正在处理的布局是一种非画布类型的布局，其中部分信息在需要时转换为视图，在智能手机等较小的屏幕上非常流行。我的代码基于此博客文章中的示例。问题是将不在画布上的容器保持在固定位置，而主容器可以垂直滚动。为了说明问题，我创建了一个快速Codepen 示例。

非常感谢任何指向此解决方案的指针。

使用的 CSS 框架是Susy。

我正在将布局从 Susy 1 转换为 Susy 2.0，并且有些事情的工作方式与预期不同。我在这里做错了吗？我希望容器跨越页面的宽度，并在页面中间有一列宽度的一半。在该列的内部，3 个等距的列（红色、白色和蓝色）。我不确定 css 是如何编译的，因为它在屏幕截图中。

我的 Susy 模板

我的 HTML

我有一个相当简单的问题，我似乎无法弄清楚。在某些列上定位跨度似乎没有任何效果。

有问题的行是

跨度仍然从 1 开始。有什么明显的我做错了吗？

出于某种原因，我没有看到 Susy 2 中出现排水沟。任何想法为什么这些可能不会出现？我设置了地图，默认情况下跨度不应该选择排水沟设置吗？

地图

我在使用 Susy 2 的 span mixin 的“wide”选项时遇到了问题。

我将排水沟位置设置为“之前”。

我有两列并排

我假设 .nav-primary 的跨度设置为宽，它不应该包括左边距，但它确实包含，从而抛弃了布局。我可以将其重置为零，但我想知道我是否做错了什么。

谢谢

我正在使用 Susy 框架并且非常喜欢它。但是我对增加的额外边距有一个小问题。这是我在这里尝试创建的工作示例。是什么导致 hero__about div 的孩子的额外边距，我该如何解决？

HTML

SCSS