Susy 2 中的装订线宽度

Question

在 Susy 2 的 beta 2 中，是否可以像这样在主网格设置中设置装订线宽度：？

$susy: (
  flow: ltr,
  math: static,
  output: float,
  gutter-position: after,
  container: auto,
  container-position: center,
  columns: 12,
  gutters: .25,
  !!!!gutter-override: 20px,!!!!
  column-width: 77.5px,
  global-box-sizing: border-box,
  last-flow: to,
  debug: (
    image: hide,
    color: rgba(#66f, .25),
    output: background,
    toggle: top right,
  ),
);

因为它似乎不喜欢它。我需要为这个网格的列和装订线设置明确的宽度，容器应该由这些确定。

Answer 1

在 Susy Next 中，间距设置为 (.25) 与列宽 (77.5px) 的比率。鉴于这些设置，Susy 可以确定装订线宽度 (77.5px * .25 = 19.375px)。

通过说您想要静态数学、.25 排水沟和77.5px 列，您已经设置了排水沟宽度，并且已经可以计算容器。如果您愿意，可以使用真实像素值来设置装订线比例：

$susy: (
  column-width: 77.5px,
  gutters: 20px/77.5px, // same as ".258064516"
);

Gutter-override 不是全局设置，在这里对您没有帮助。当您想要覆盖全局值时，该设置仅适用于跨度。另外，我不推荐亚像素设置。像素并没有真正分解，并且小数像素声明在浏览器中的处理方式也不相同。