susy-sass - Susy 2.0 跨度未按预期工作

Question

我有一个相当简单的问题，我似乎无法弄清楚。在某些列上定位跨度似乎没有任何效果。

header {  
.fullheight {
    @include backImage('../images/img_hero_brightspace-homepage.png');
    @include container(100%);
    .hgroup {
      @include span(6 at 6 of 12);
      padding: 200px 0 50px 0px;
      text-align: center;
      h3{
        display: block;
        font-weight: $light;
        font-size:2rem;
        color:grey;
      }
    }
}

有问题的行是

@include span(6 at 6 of 12);

跨度仍然从 1 开始。
有什么明显的我做错了吗？

Answer 1

at location 关键字只能在使用 isolation 时设置定位输出。 span(6 at 6 of 12 isolate)将插入一个元素。您也可以使用 push或 pull mixins 将元素移出默认位置。

问题是位置是相对于默认流的，并且在正常的 float 布局中，Susy 不知道项目的默认位置是什么。如果我们不知道它现在在哪里，我们就无法将您的元素插入第 6 列。隔离是一种将所有 float 定位在左边缘的技术。

如果您不始终使用隔离，我会使用 push或 pull因为它们是明确相对的。