Responsive design 如何使用Susy创建动态左边距？

我正在玩这个HTML中.logo的定位：

 <div class="mod-header">
   <a class="logo" href="#"></a>
 </div>

但是，这不会调整左边距。 当我尝试时：

 .logo
   @include span-columns(3,12)

有一些调整正在进行中，但这是关于宽度，而不是左边距

我该如何处理这个固定宽度的左边距调整？

这似乎有效：

.logo
  width: 120px
  margin-left: gutter(12) + columns(2,12)

---

这很有效。有一个列+边沟的快捷方式，称为空格（例如

space（2,12）

）。但是还有更短的处理切割-在这种情况下，您可以使用

@include-pre（2,12）

或

@include-push（2,12）

（这些是同义词）。

.logo
  width: 120px
  margin-left: gutter(12) + columns(2,12)