sass - スージー。固定レイアウトの列のマージンが正しくない

Question

Susy で固定レイアウトを作成していますが、コンテナー内にネストされていることを指定しても、2 番目の列に右マージンがある場合、この問題に固執しています。

コデペン

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

そして魅力のように機能します。