Question

我一直使用@import "susyone";代替@import "susy";运行susy-2.1.2。一切都在运作。我不得不通过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不再按预期工作

1 个答案: