是否有可能在奇点的某些情况下重写排水沟样式来获得固定的排水沟?

Question

我有一个图像矩阵。每一行2个图像，一个宽度为1/3，另一个为2/3，两者之间有一个沟。所有图像的高度都是一样的。但如果在某些视口减小视口宽度，则2/3图像的高度会小于1/3图像。我怀疑这是由于我在这个特殊情况下使用的默认排水沟样式。在其他情况下，它表现得很好，但在这里，它可能是问题的根源。

我的网格设置是:

$grids: 6;
$grids: add-grid(9 at 675px);
$grids: add-grid(12 at 850px);
$grids: add-grid(15 at 1075px);
$grids: add-grid(18 at 1200px);
$gutters: 1/3;
$output:'isolation';

和CSS的一个示例部分是这样的(我还有3个这样的switch-baseline include):

@include switch-baseline($baseline850, $vr-850...) {
    &:nth-child(4n+1) {
        @include isolation-span(4, 1, 'right', $gutter:.5);
    }
    &:nth-child(4n+4) {
        @include isolation-span(4, 9, 'right');
    }
    &:nth-child(4n+2) {
        @include isolation-span(8, 5, 'right');
    }
    &:nth-child(4n+3) {
        @include isolation-span(8, 1, 'right', $gutter:.5);
    }
    &:last-child {
        @include trailer(2);
    }
}

现在我的问题是，是否有可能覆盖单个mixin或布局上下文的默认网格设置?我试过$gutter-styles:固定后$gutter:。5以及在布局mixin中添加水沟样式语句——两者都会导致指南针错误。我用的是奇点1.1.2。敬祝ralf

Answer 1

绝对!您可以将$gutter-style传递给grid-span调用，或者将$gutter-style传递给@layout mixin。