如何覆盖默认的Bourbon整齐网格

Question

我试图覆盖默认的 bourbon neat grid ，但我的方法似乎失败了。以下是我的index.html文件

_grid-settings.scss

下面是我的`tools-dir.scss。这会进入我的main.scss文件。

@import 'neat-helpers';

$visual-grid: true !global;
$visual-grid-color: #d5eefb !global;
$visual-grid-index: back !global;

// Change grid settings
$column: em(101);
$grid-columns: 6;
$gutter: em(20);

// Device widths
$tablet: em(768);
$desktop: em(960);

// Breakpoints
$tablet: new-breakpoint(min-width $tablet 6) ;
$desktop: new-breakpoint(min-width $desktop 6);

我做错了什么。文档并没有真正解释如何。