如何使用Susy获得动态左边距？

Question

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

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

徽标宽度是固定的，但是我想知道是否应该将边距调整到屏幕大小。

我和Susy一起试过这个，这使.logo宽度固定：

.logo
  text-indent: -9999px
  float: left
  +rem('width', 120px)
  +rem('margin', 20px 0)
  // margin-left: $column-width

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

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

有一些调整，但它是宽度，而不是左边缘。

我如何接近这个固定宽度的左边距调整？

Answer 1

这似乎有效：

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