问题标签 [susy-sass]

我有这些风格：

我的网格项目正确排列。在这种情况下，每个<li>跨越 8 列中的两列，但是当我打开如上所示的网格背景显示时，我得到以下输出：

知道为什么要这样做吗？当然我应该看到 8 列？

谢谢，尼尔

更新1：

所以，background-size正在输出的语句像这样错误地输出background-size: 8.47458%, 100% 1.5;

由于某种原因，它似乎将我的基线高度设置添加到末尾。我通过将变量更改$base-line-height为 7.5 之类的奇怪变量来确认这一点，这会将输出更改为： background-size: 8.47458%, 100% 7.5;

下面是我的更多代码，包括初始基线高度设置：

有什么想法为什么在没有明显原因的情况下在这里添加行高？

我有一个来自 Susy2 和 Sass 的 5 列网格，其中页眉和页脚应该是主体宽度的 100%（以获得完全出血效果），但它们的内容仍应使用网格的排水沟。

这是一些示例标记：

这是我写的 Sass 和 Susy：

这是一个 Codepen 演示：http ://codepen.io/KatieK2/pen/xbdVbJ?editors=110

问题是页眉和页脚在它们的右侧有一个小的边距，并且它们在内部没有使用任何装订线间距。我怎样才能让它们成为容器的全宽，并将排水沟作为填充物？

这是我的 susy 配置

测试代码：

编译后他们什么都不返回...

或者

显示错误：无效的空操作：“15.75092% plus null”

有什么问题？

我想要一个流体网格，它通常是屏幕宽度的 80%，最大宽度为 1440px，但低于 768px 是屏幕宽度的 100%，而不是 80%。

只有一个“容器”设置，我不确定解决这个问题的最佳方法，或者它有多大可能。

我目前的设置是：

我试图根据这样的断点有条件地覆盖这些设置：

但这行不通，因为断点不是这样工作的。

有没有办法用 Susy 实现这种布局？就我所见，这是一种相当常见的模式（因此我的任务是实现它），我不想每次调用容器时都需要重写。

我想用 susy 创建一个类似引导程序的简单网格系统。

我的苏西设置：

萨斯：

HTML

问题是嵌套 div 内的填充。#left和div上的 padding#right不错，但里面的 div ( #right > .col-6)#right更小，因为 susy 使用百分比作为 padding。

有没有办法以这种方式使用 susy ？

我正在使用 Susy Gallery mixin，或者我可以只使用跨度，并且项目的高度不相等。所以我也必须使用 Masonry，但它总是会弄乱我的布局。

萨斯：

Javascript

有没有人这样做过？

这是我正在使用的砌体脚本：http: //masonry.desandro.com/

我想知道是否有办法在 susy 上更改列宽，但使用流体布局而不是静态布局。

当我使用带有 susy 的固定位置元素时，我遇到了一个小问题。我知道具有固定位置的元素的大小相对于视口而不是网格。但我不知道如何解决这个问题。

我做了一支笔来说明问题：

http://codepen.io/emjay/pen/vEabNQ

这是我的susy配置：

这里是我的代码：

HTML：

SCSS：

您会看到，如果窗口大于 1200 像素 - 侧边栏使用的空间比定义的 3 列要多。

我希望有人知道如何解决这个问题。:)

如何设置列在 Susy 中的显示位置？

我认为这会起作用：

html代码的顺序是中间列，左列，然后是右列。

该网站首先显示中间列。这是源代码中的顺序。

这是完整的代码：http ://sassmeister.com/gist/60d85878921ca500c681

我目前正在使用 SUSY 为我正在开发的网站创建响应式网格系统。

我的 grid.scss 文件看起来有点像这样：

但是，当我在另一个 desktop-6 类中使用 desktop-6 类时，我的装订线宽度将变为非嵌套内容的一半。

我理解为什么会发生这种情况，因为一切都是基于列宽的百分比，但是我如何覆盖它或为嵌套 DIV 添加样式以使用两倍宽的装订线？

任何帮助都会很棒。

谢谢