css - Bourbon Neat のグリッドの列を表示するにはどうすればよいですか?

Question

私のCSSファイルでは、適用の結果を表示するが列を表示しない場合、Bourbon Neatのコマンドを適用し、htmlファイルに列を表示しません。

.container{
    @include outer-container;
    @include span-columns(2 of 8, table);
    border: 1px solid red;
    margin: 0 auto;
    position: relative;
    width: 960px;
}

sass 用に生成された css を表示すると、Bourbon Neat 列の background プロパティが表示されません。

Answer 1

1. 以下のようなファイルを作成します (必要に応じて設定を調整してください)。 このファイルは、適切な設定ディレクトリにある適切なデフォルト設定を上書きします _visual-grid.scss。

2. 作成したばかりのファイルにインポートを追加する前に(後では機能しません)、メインの適切なファイルをメイン プロジェクトの SCSS ファイルにインポートします。

_neatsettings.scss

// Neat Settings

$visual-grid: true;
$visual-grid-color: #faa;
$visual-grid-index: front;