sass.md

Gemfile に以下を追加

gem 'compass'

ひな壇を生成

bundle exec compass create <ProjectName>

すると以下のように生成される

<ProjectName>
├── Gemfile
├── Gemfile.lock
├── config.rb
├── sass
│   ├── ie.scss
│   ├── print.scss
│   └── screen.scss
├── stylesheets
│   ├── ie.css
│   ├── print.css
│   └── screen.css

監視する

bundle exec compass watch

CAKEPHPでやる

app/webroot にてCakePHPに合わせたひな壇生成

bundle exec compass help create すると生成に関するオプションが見れる

compass create --css-dir "css" --images-dir "img" --javascripts-dir "js" --sass-dir "sass" --bare

既存のファイルをSCSS化

exec sass-convert --from css --to scss css/base.css sass/base.scss