업데이트 후 더 이상 Susyone이 예상대로 작동하지 않습니다.

Question

@import "susy"; 대신 @import "susyone";으로 susy-2.1.2를 실행했습니다. 모든 것이 작동하고있었습니다. Sass가 업데이트해야하는 GEM을 통해 나침반을 업데이트해야했기 때문에 susy도 업데이트해야했습니다. 이제 susy-2.2.1을 실행 중입니다. 나는 또한이

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

:이 얻을 새 버전으로

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

:

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

이전 버전으로 나는이 얻을 것이다 :

나는이 CSS를 가지고 기둥 사이의 이상한 배수구. 나는 susyone.scss을 사용하고 있는지 100 % 확신합니다.

은 내가 susy의 이전 버전으로 돌아갈 수 있으면 좋겠다,하지만 난이 얻을 :

이 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

, 그것은 사스의 변화입니다. 해당 설정을 적용하려면 !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; 
}