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个交换机基线包含）：

@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中添加gutter-style语句 - 都会导致罗盘错误。我正在使用奇点1.1.2。最好的问候ralf

Answer 1

绝对！您可以将$gutter-style传递到grid-span来电，也可以$gutter-style传递给@layout混音。请参阅文档的Context Overrides部分。

是否可以在Singularity的某些上下文中覆盖装订线样式以获得固定的排水沟？

1 个答案: