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

Question

我有一个图像矩阵。每行 2 个图像，一个宽度为 1/3，另一个宽度为 2/3，两者之间有一个装订线。所有图像都具有完全相同的高度。但是，如果在某些视口(viewport)处减小视口(viewport)宽度，则 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 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);
    }
}

现在我的问题是，是否可以覆盖单个混合或布局上下文的默认网格设置？我试过 $gutter-styles: fixed after $gutter:.5 以及将 gutter-styles 语句添加到布局 mixin - 两者都会导致罗盘错误。我正在使用 singularity 1.1.2 。最好的问候拉尔夫

Answer 1

当然!您可以将 $gutter-style 传递给您的 grid-span 调用，或者将 $gutter-style 传递给 @layout混合。查看Context Overrides文档部分。