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

Responsive design 如何使用Susy创建动态左边距?,responsive-design,susy-compass,Responsive Design,Susy Compass,我正在玩这个HTML中.logo的定位: <div class="mod-header"> <a class="logo" href="#"></a> </div> 但是,这不会调整左边距。 当我尝试时: .logo @include span-columns(3,12) 有一些调整正在进行中,但这是关于宽度,而不是左边距 我该如何处理这个固定宽度的左边距调整?这似乎有效: .logo width: 120px mar

我正在玩这个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)