代码之家  ›  专栏  ›  技术社区  ›  rkoller

是否可以在奇点中的某些上下文中覆盖檐槽样式以获得固定的檐槽?

  •  1
  • rkoller  · 技术社区  · 10 年前

    我有一个图像矩阵。每行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);
        }
    }
    

    现在我的问题是,是否可以覆盖单个混合或布局上下文的默认网格设置?我尝试过$gutter styles:fixed在$gutter:.5之后,以及将gutter styles语句添加到布局混合中,这都会导致指南针错误。我使用的是奇点1.1.2。向拉尔夫问好

    1 回复  |  直到 10 年前
        1
  •  1
  •   Snugug    10 年前

    绝对地你可以通过 $gutter-style 到您的 grid-span 呼叫,或 $gutter样式 @layout 混合蛋白。请参见 Context Overrides 部分。