Sass 为什么我的semantic.gs网格的排水沟总是为零？

我正在使用semantic.gs为网页创建网格。我注意到，无论我做什么，我从来没有任何“边沟”，这意味着在CSS中，边距计算为0，尽管保留默认值为20px

所以我退了一步，试图复制这个非常简单的官方例子：

我尝试的结果如下：

正如你所看到的，这里同样没有排水沟。标记是相同的，输出CSS是不同的。我的输出CSS总是显示0的边距。你可能会认为这是因为我的输入与示例不同，但就我所见，并非如此。我正在使用SCSS，如下所示：

@import 'compass';
@import 'grid';

// Specify the number of columns and set column and gutter widths
$columns: 12;
$column-width: 60;
$gutter-width: 20;

// Uncomment the definition below for a percentage-based layout
// $total-width: 100%;


////////////
// LAYOUT //
////////////

// center the contents
div.center {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
}

// header
header#top {
    @include column(12);
    margin-bottom: 1em;
}

// main and sidebar
#maincolumn {
    @include column(9);
}
#sidebar {
    @include column(3);
}

我已经剪掉了重置CSS代码和CSS样式的颜色等在演示。相信我，他们是一个完全复制和粘贴的官方演示，你可以看到在小提琴

“grid”导入是grid mixin的官方下载。我没有改变它。这里最大的谜团是，为什么使用相同的标记和SCS我会得到不同的结果

---

可能是因为我的编译过程吗？我正在使用Scout应用程序监视我的SCSS文件夹。它获取对它的任何更改并将其编译为CSS

你有没有试过在没有应用的情况下编译它？你是说没有scout？不，还没有。我使用这样的应用程序是为了避免弄乱Ruby和命令行。如果没有别的办法，我就试试这个。