Your posts match “ Compass-Rails ” tag:

Rails 4 + Compass + Susy + Sassy Buttons

做個筆記 ...

在 Rails 4 之後好一大段時間, compass-rails 整個是爛的,爛到深處無怨尤 ... 後來在最近 compass-rails 推出 1.1.2 版之後才好了起來,今天是 2014-01-22 ,我安裝了 1.1.3 版。

步驟

  1. Gemfile 內加上

    gem 'compass-rails', '~> 1.1.3'
    gem 'susy'
    gem 'sassy-buttons'
    
  2. bundle install

  3. touch tmp/restart.txt

  4. 好了,這樣就好了 ...

compass-rails Github README 上提到

if you are using the rails configuration files you should add:
config.compass.require "susy"
to your application.rb configuration file.

這段可以忽略,你只要到需要用到 susy 的檔案內引入 @import "susy.base"; 就可以了

然後也可以自己建立一個 _susy.base.css.scss 然後檔案內容:

@import "susy";
@import "sassy-buttons";

$total-columns: 12;
$column-width: 4em;
$gutter-width: 1em;
$grid-padding: $gutter-width;

就可以設定好了,不需要另外加上什麼奇怪的設定。

這樣應該就可以 work 了 ... 搞好久 @@