1

我有一个图像矩阵。每行 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: fixed after $gutter:.5 以及将 gutter-styles 语句添加到布局 mixin - 两者都会导致指南针错误。我正在使用奇异性 1.1.2 。最好的问候拉尔夫

4

1 回答 1

1

绝对地！你可以传递$gutter-style给你的grid-span调用，也可以传递$gutter-style给@layoutmixin。请参阅文档的上下文覆盖部分。

于 2014-03-13T11:13:31.297 回答