苏西。固定布局中列的边距错误

Question

我正在使用 Susy 进行固定布局，并且当第二列有右边距时遇到这个问题，即使我指定它们嵌套在容器中也是如此。

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);
    }
  } 
}

Answer 1

已更改

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

至

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

并且工作起来很有魅力。

苏西。固定布局中列的边距错误

Susy. Wrong margins for columns in fixed layout

sass

susy-sass

susy