0

任何人都可以帮助我使用 Singularity 的隔离跨度方法吗？它实际上并不清楚。我放置了一个带有隔离跨度（4, 3, 'both'）的文章/ div（类.special），它被应该遵循的两列（使用网格跨度）覆盖。'both' 是为了清除任何后续的 div，但不会。我不得不在隔离跨度之后添加一个空的 div（id = spacer），即使这样，我也必须给那个空的 div 一个隔离跨度（1,1，'both'）以使其清楚。我已经使用不同的位置作为断点来解决这个问题，这是让它工作的唯一方法。我使用 'Bundler' 来安装 Singularity 1.1.2 和各种依赖项作为 Ruby 2.0 gems。我包括 .scss。.left_inset 工作正常；如果没有我的解决方法，它就是 .special 。HTML 只是带有 lorem 填充符的几个左右段落，网格为 3、8($breaktab) 和 12($breakdesk)。除了 .special 隔离跨度外，一切正常。

#main {
    #special {
        border-left: 1px solid white;
        border-right: 1px solid white;
        padding: 10px;
    }
    @include breakpoint($breaktab) {
        .left {
            @include grid-span(4, 1);
        }
        .right {
            @include grid-span(4, 5);
        }
        .left_inset {
            @include isolation-span(3, 2, 'both');
        }
        .special {
            @include isolation-span(4, 3, 'both');
        }
    }
    @include breakpoint($breakdesk) {
        .left {
            @include grid-span(6, 1);
        }
        .right {
            @include grid-span(6, 7);
        }
        .left_inset {
            @include isolation-span(5, 2, 'both');
        }
        .special {
            @include isolation-span(6, 4, 'both');
        }       
    }
}
#spacer {
    @include breakpoint($breaktab) {
        @include isolation-span(1, 1, 'both');
    }
}

答案可能是将 .left 块变成这样的浮动跨度：

@include breakpoint($breaktab) {
        .left {
            @include float-span(4, 'first');
        }
        .right {
            @include grid-span(4, 5);
        }
        .left_inset {
            @include isolation-span(3, 2, 'both');
        }
        .special {
            @include isolation-span(4, 3, 'both');
        }
    }

然后正确编译并强制隔离跨度后的块清除。

4

1 回答 1

0

问题似乎是因为您both用引号括起来，将其打印为字符串。取消引用它们会将它们打印为值并且 clear 可以正常工作。请提交问题，让我们知道引用问题，我们将在 Singularity 1.2.0 发布之前对其进行查看。

于 2014-02-05T19:40:30.717 回答