与Susy。固定布局中列的边距错误

时间:2015-05-28 10:01:47

标签: sass susy-sass susy

我正在使用Susy制作一个固定的布局,当第二列有一个右边距时,即使我指定它们嵌套在一个容器中,我也会遇到这个问题。

Codepen

HTML

<div class="control">
  <label class="control__label">Email</label>
  <input type="text" class="control__self">
</div>

CSS

@import "susy";

$fixed: (
  box-sizing: border-box,
  math: static,
  columns: 12,
  column-width: 60px,
  gutters: 20px/60px,
  gutter-poistion: inside
);

@include with-layout($fixed) {
  .control {
    @include container(12);
    .control__label {
      @include span(3 of 12);
    }
    .control__self {
      @include span(9 of 12);
    }
  } 
}

1 个答案:

答案 0 :(得分:0)

更改

.control__self {
  @include span(9 of 12);
}

.control__self {
  @include span(9 of 12 last nest);
}

并且像魅力一样。