Susyone 更新后不再按预期工作

Question

我已经运行 susy-2.1.2 @import "susyone"; 而不是 @import "susy";。一切正常。我必须通过 GEM 更新指南针，这意味着 Sass 必须更新，这意味着 susy 也必须更新。所以现在我是运行 susy-2.2.1.

我有这个css:

.dropdown .susy_container{
    //Get ready for grids with bigger screen sizes
    $total-columns: 12;  // a 12-column grid
    $column-width: 100em;  // each column
    $gutter-width: 1em !global;  // gutters between columns
    $grid-padding: 0em !global ;
    @include container;
}

使用旧版本我会得到这个：

.dropdown .susy_container {
   max-width: 1211em;
   _width: 1211em;
   padding-left: 0em;
  padding-right: 0em;
  margin-left: auto;
  margin-right: auto;
}

有了新版本，我得到了这个：

.dropdown .susy_container {
  max-width: 59em;
  _width: 59em;
  padding-left: 0em;
  padding-right: 0em;
  margin-left: auto;
  margin-right: auto;
}

我的列之间也有奇怪的间距。我 100% 确定我正在使用 susyone.scss.

我希望我能回到旧版本的 susy，但我明白了：

Gem::LoadError on line ["2064"] of /Library/Ruby/Site/2.0.0/rubygems/specification.rb: Unable to activate susy-2.1.2, because sass-3.4.9 conflicts with sass (~> 3.3.0)

Answer 1

这不是 Susy 的变化，而是 Sass 的变化。看起来您需要在所有设置上添加 !global 标志才能使它们生效：

.dropdown .susy_container{
    //Get ready for grids with bigger screen sizes
    $total-columns: 12 !global;  // a 12-column grid
    $column-width: 100em !global;  // each column
    $gutter-width: 1em !global;  // gutters between columns
    $grid-padding: 0em !global ;
    @include container;
}

Susyone 更新后不再按预期工作

Susyone no longer working as expected after update

sass

susy-compass