我有以下配置文件
# Require any additional compass plugins here.
require 'susy'
# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "library/css"
sass_dir = "library/scss"
images_dir = "library/images"
javascripts_dir = "library/js"
fonts_dir = "library/fonts"
output_style = :nested
我还有以下 scss 文件正在被指南针监视(我的内容周围有一个容器,所以我应该看到网格,但我没有看到它,所以 susy 显然不起作用,但我不知道为什么?任何帮助将不胜感激)
// ---------------------------------------------------------------------------
// Imports
@import "susy";
// ---------------------------------------------------------------------------
// Basic Grid
$total-columns : 12;
$column-width : 4em;
$gutter-width : 1em;
$grid-padding : $gutter-width;
$show-grid-backgrounds : true;
/*
.onecol { width: 5.801104972%; }
.twocol { width: 14.364640883%; }
.threecol { width: 22.928176794%; }
.fourcol { width: 31.491712705%; }
.fivecol { width: 40.055248616%; }
.sixcol { width: 48.618784527%; }
.sevencol { width: 57.182320438000005%; }
.eightcol { width: 65.74585634900001%; }
.ninecol { width: 74.30939226%; }
.tencol { width: 82.87292817100001%; }
.elevencol { width: 91.436464082%; }
.twelvecol { width: 99.999999993%; }
*/
// layout & column defaults
.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol, .twelvecol {
position: relative;
float: left;
margin-left: 2.762430939%;
}
.first {
margin-left: 0;
}
.last {
float: right;
}
/* -------------------------------------------------------------------------*/
/* Layout */
.container {
@include container;
@include susy-grid-background;
}