问题标签 [susy]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - Susy 网格对齐有点偏离
学习苏西，喜欢它。虽然在测试简单的东西时有一些怪癖。我正在尝试并排创建两个半宽列，中间有一些排水沟空间，之后是一个全宽列。问题是第二个半宽列 (y) 没有完全向右浮动。如果我完全删除了padding: 5px该列，该列仍处于1px关闭状态，并且与全宽列 (z) 不对齐
html
萨斯
这是输出代码的jsfiddle：
JSFiddle
为什么没有正确对齐？
问题可能不在于 Susy 本身，但我是否正确使用它/是否有更好的方法来做同样的事情并让它自行向右浮动？以下代码在 .right 的同一类中输出一个 float: left 和一个 float: right，似乎没有必要。
height - Susy 画廊打破了显示表格和表格单元格的高度
我正在尝试使用 SUSY 的图库混合在我的响应式网格上获得等高的列。为此，我设置了容器“display: table”和列“display: table-cell”。如果我不使用 mixin，这对我有用，但一旦打开 mixin 就会失败。如果我以像素为单位设置了高度，则 mixin 可以工作，但如果我使用 100% 设置高度则不能；
我在用着：
- 苏西（2.1.3）和
- 萨斯（〜> 3.3）
这适用于有或没有 SUSY：
这不适用于 SUSY，但适用于关闭的 mixin：
css - 在水平 sass susy 网格之间添加分隔线
我试图弄清楚如何在我的水平布局之间添加垂直分隔线。我有 3 列，我想在中间列的右侧和左侧设置分隔线。
通常，我会:after在 CSS 中添加一条规则以在每个元素之后绘制它，并:last-child从末尾排除它，但问题是 Susy 的span()函数填充了任何可用空间以在元素之间添加 1 像素分隔线。
这是我的代码的样子：
萨斯：
HTML：
sass - Susy 可重复使用的响应式列
我正试图把头绕在苏西身上。我想我会喜欢的。只需要更多地使用它。我基本上是在尝试创建可以在整个站点中使用的可重用列。我来自使用基金会网格，所以也许我没有考虑这个问题吗？
我需要能够定位这些列。我读过一些文章说我们不应该用 column-2 或 small-6 之类的类填充我们的 div。如果我不告诉它我的期望，我想我看不到你如何定位 div。
下面的代码有效，但它非常苏西吗？这是正确的方法吗？我必须为所有 12 个列宽创建类似的规则。我必须预先决定我希望这些列如何中断。我是希望跨度 6 列一直跨度为 6 到中等，还是应该更改为跨度 12。这些规则必须预先确定。
如果这甚至是正确的方法。任何帮助，指导或指针表示赞赏。
HTML
苏西萨斯
susy-compass - 在数学：静态模式下无法在“px”中使用排水沟
我想创建一个 1200 像素的固定非灵活非常该死的静态网格。所以我发现，我需要 90 像素的列宽、12 列、10 像素的装订线和 1200 像素的最大宽度。
好吧..以下是我的设置，它给了我一个错误“无效的空操作：11 次空”
样式.scss>
susy - $susy 设置 global-box-sizing 不会改变 Susy2 中的任何内容
这是我在 Susy 2 中从未理解过的东西。
看这个简单的例子可以看出：
http://codepen.io/itsthomas/pen/Btzxa
HTML：
萨斯：
将global-box-sizing: border-box,添加到 $susy 地图根本不会改变任何东西，无论您是否使用 @include border-box-sizing; 在你的代码中与否。
$susy 设置 global-box-sizing 对我来说似乎完全没用。还是我忽略了什么？
谢谢
sass - SUSY 两列布局，带面向排水沟，可广泛使用
我有一个想要实现的布局，但它难倒我。我想使用“宽”传播来实现视觉“悬垂”（下图中的红色块）。
为了使它工作，两列（下图中的灰色）需要有相互面对的排水沟（下图中的浅灰色）。无法弄清楚如何做到这一点！
ruby-on-rails - 在 Rails 4.1.1 中使用 susy
我正在使用 Rails 4.1.1。并且想用sass和susy。在以下相关项目的帮助下： https ://stackoverflow.com/a/26171101/2118999
我创建了以下文件
在我的 scss 文件中导入文件；
内容
如果我不在我的 base.css.scss 中导入指南针，它就不起作用
这就是我的 application.rb 的样子：
这是我的gemfile
如果我没有在我的 base.css.scss 中显式导入 compass，我觉得 compass/susy 不起作用，我觉得很奇怪，因为有人会认为正在导入我的 base.css.sccs 的文件已经导入了 compass。
在我的 application.rb 中，我必须将 require 'rails/all' 和 'susy' 放在模块之外，否则它将无法工作。谁能解释我发生了什么事？只是看到逻辑，感觉就像一个非常脆弱的结构，有时会破裂..
此致，
马汀
sass - 如何将自定义 susy 布局的装订线设置为 0？
我发现自己经常不得不用margin-left: 0; margin-right: 0;. 我尝试将自定义布局中的排水沟设置为 0
但这不会将排水沟宽度设置为 0，它只是告诉 susy 根本没有设置排水沟。
如何在 susy 布局中将装订线设置为 0（而不仅仅是将它们设置为空）？
sass - 3 列网格上的异端秩序/处置
我想用 Susy 2 制作一个简单的 3 列/3 行网格，例如：
但是这些块以错误和异端的顺序浮动。你可以看看：http: //img.spheerys.fr/images/2015/01/05/bug-susy.jpg
这是我的 HTML 标记：
这是我的苏西地图：
最后，我的 Sass ：
怎么了？