如何将Susy装订线宽度设置为大于1列

Question

我正在使用with-layout临时设置页面列结构的默认值。我需要一个24列网格来实现更精细的控制，但需要一个大于1列的装订线。这可能吗？

dues_type = dues.due_type + " - " + SqlFunctions.StringConvert(dues.amount),

类似于@include with-layout(24) { .col-1 { @include span(17); } .col-2 { @include span(7); } }

Answer 1

我意识到如果你想让排水沟成为列宽的倍数（1 col，2 col等），那么你可以使用pre和push选项。

在我的情况下，我实际上希望排水沟的宽度是色谱柱宽度的两倍，这样才能完美。

$susy: (
  columns: 24,
  gutters: 0
);

.col-1 {
  @include span(17);
}

.col-2 {
  @include span(5);
}

.col-1 + .col-2 {
  @include pre(2);
}

Demo

Answer 2

你可以尝试：

$my-layout: (
  columns: 24,
  gutters: 2,
);

@include with-layout($my-layout) {
  .col-1 {
      @include span(17);
  }
 .col-2 {
     @include span(last 7);
 }
}

如果你想要更多或更少的装订空间改变排水沟的数量。