覆盖装订线宽度 Susy 2答案

【问题标题】：Override gutter width Susy 2覆盖装订线宽度 Susy 2
【发布时间】：2023-03-03 03:40:01
【问题描述】：

我正在尝试覆盖 Susy 2 中的装订线宽度，但无法使其按要求工作。我对网站的标准设置如下，这很好。

$susy: (
  columns: 12,
  gutters: .5,
  gutter-position: after,
);

我有一个图片库，我希望块之间的间距要小得多。我可以使用 (gutter-override: 0.1) 覆盖排水沟宽度，但这不会影响块的宽度。块的宽度仍然好像排水沟是 0.5。

是否可以更改某个内容块（我的画廊）的装订线，以便装订线可以小很多并且块的宽度会反映这一点？

提前感谢您的任何指导。

【问题讨论】：

【解决方案1】：

是的 - gutter-override 专门用于您不想更改网格数学的情况，只覆盖装订线输出。但是您可以随时通过设置gutters 或使用grid shorthand 来更改数学：

gallery(3 (gutters: 0.1))

或

gallery(3 of 12 0.1)

【讨论】：

嗨 Miriam，谢谢。我添加了这个，它覆盖了排水沟并相应地改变了宽度。如何确保我添加的边距底部与此覆盖保持一致？我正在使用 margin-bottom: gutter();这不会拉入新的排水沟
您可以向gutter 函数添加相同的说明（例如gutter(3 of 12 0.1)，或者您可以将整个代码块包装在更改默认值的mixin 中：@include with-layout(12 0.1) { /* both your gallery and gutter */ }。任何嵌套with-layout mixin 内部将使用您传递给它的网格设置。然后您可以将它们从图库和装订线调用中删除。