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中，将装订线设置为与列宽（.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不是全局设置，在此不会帮助您。当您想要覆盖全局值时，该设置仅适用于跨度。另外，我不建议使用子像素设置。像素并没有真正分解，并且分数像素声明在浏览器中的处理方式不同。

在Susy 2中的天沟宽度

1 个答案: