나는 레일 3.2.7에 있고 Susy (와 Compass)를 이와 같이 사용한다.
##### Gemfile:
group :assets do
gem 'sass-rails', '~> 3.2.3'
gem 'coffee-rails', '~> 3.2.1'
gem 'compass-rails'
gem 'susy', git: "git://github.com/ericam/susy.git"
gem 'uglifier', '>= 1.0.3'
end
그럼 여러 가지 CSS 파일이 있습니다. application.css.scss, screen.css.scss 및 _base.scss.css
application.css.scss
#### application.css.scss:
@import "screen";
# Here you import your normal .scss files as well, like:
# @import "products";
screen.css.scss
#### screen.css.scss
// ---------------------------------------------------------------------------
// Imports
@import "compass";
@import "base";
/* -------------------------------------------------------------------------*/
/* Layout */
// Here you can add layout styling or whatever... :)
_base.css.scss
// ---------------------------------------------------------------------------
// Imports
@import "susy";
// ---------------------------------------------------------------------------
// Basic Grid
$total-columns : 12;
$column-width : 4em;
$gutter-width : 1em;
$grid-padding : $gutter-width;
$show-grid-backgrounds : true;
그리고 그게 다야. 이제 application.css.scss에서 가져온 모든 scss 파일에서 Susy를 사용할 수 있습니다.
시작하는 데 도움이되기를 바랍니다.