0

最近我们使用 Sass 和 Compass 创建了一个新项目。我尝试使用基本设置：

$total-columns  : 12;
$header-columns : 36;
$column-width   : 5em;
$gutter-width   : 1em;  

$susy: (
 /*the basics*/
 flow: ltr,
 math: fluid,
 output: float,
 gutter-position: after,
 container: auto,
 container-position: center,    
 columns: $total-columns,
 gutters: $gutter-width / $column-width,
 column-width: $column-width,
 last-flow: to,
 debug: (
    image: show,
    color: blue,
    output: overlay,
    toggle: top right,
 ),
 use-custom: (
    background-image: true,
    background-options: false,
    box-sizing: true,
    clearfix: false,
    rem: true,
 )
);

我们在每一页上都导入 Susy，但我们看不到排水沟。

div.block{
  @include span(4 of 12);  

  position: relative;
  box-sizing: border-box;
  background-color: rgba(255,255,255,0.9);
  border: 6px double rgba(0,0,0,0.3);
  min-height: 18em;
  text-align: center;
  margin-bottom: 1em;
  padding:0;
  border-radius: 10px;
  overflow: hidden;
}

我们预计边距会自动计算，但如果我们查看输出 Margin-right 和 Margin-left 并没有创建。

输出：

  width: 33.33333%;
  float: left;
  position: relative;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.9);
  border: 6px double rgba(0, 0, 0, 0.3);
  min-height: 18em;
  text-align: center;
  margin-bottom: 1em;
  padding: 0;
  border-radius: 10px;
  overflow: hidden;

我们在这里缺少什么？

4

0 回答 0