0

我为 susy 设置了全局设置：

$susy: (
    columns: 8,
    gutters: 1/4,
);

我想覆盖排水沟几个跨度

.tile-left {
    @include span(1 of 2 1px);
}
.tile-right {
    @include span(1 at 2 of 2 1px);
}

生成的css

.tile-left {
  width: 44.44444%;
  float: left;
  margin-right: 11.11111%;
}

.tile-right {
  width: 44.44444%;
  float: right;
  margin-right: 0;
}

我也尝试过这些，但这些似乎也不起作用

@include span(1 of 2 no-gutters);

&

@include span(1 of 2 (gutter-override: 1px));
4

2 回答 2

1

看起来“1px”参数不起作用，因为排水沟只能由比率值定义；文档

此外，我通过这样做解决了我想要流体元素和静态排水沟的问题：

.tile-left {
    @include span(1 of 2 (gutter-override: no-gutters, gutter-position: inside-static));
    border-right: 1px solid #E5E5E5;
}
.tile-right {
    @include span(1 of 2 (gutter-override: no-gutters, gutter-position: inside-static));
}

看起来当您通过传递“gutter-override：no-gutters”来删除排水沟时，它会计算排水沟的宽度，然后删除边距；通过传递 "gutter-position: inside-static" 将排水沟/边距放入内部，计算得出在没有排水沟的情况下跨越到 100%。

于 2015-06-18T22:28:14.747 回答
0

在您的帖子中，您要达到的目标并不完全清楚。@include span(1 of 2 no-gutters);应该删除排水沟输出，但不会改变数学。如果您的目标是改变数学以便没有排水沟，@include span(50% no-gutters);那么可能是最好的选择。或者@include span(1 of 2 (gutters: 0));应该给你相同的输出。

更新：甚至@include span(1 of 2 0);似乎工作。被0理解为有效的排水沟比率。

于 2015-06-19T19:49:00.777 回答