试图让susy grid与骨骼主题一起工作

Question

我有以下配置文件

# 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;
}

Answer 1

oops结果我在我的html中有一个容器的id而不是一类容器。遗憾。