config.rb

require 'zurb-foundation'
# Require any additional compass plugins here.


# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "stylesheets"
sass_dir = "sass"
images_dir = "images"
javascripts_dir = "javascripts"

# You can select your preferred output style here (can be overridden via the command line):
# output_style = :expanded or :nested or :compact or :compressed

# To enable relative paths to assets via compass helper functions. Uncomment:
relative_assets = true

# To disable debugging comments that display the original location of your selectors. Uncomment:
# line_comments = false


# If you prefer the indented syntax, you might want to regenerate this
# project again passing --syntax sass, or you can uncomment this:
# preferred_syntax = :sass
# and then run:
# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass

Gemfile

source 'https://rubygems.org'

gem 'compass'
gem 'zurb-foundation'
gem 'guard-compass'
gem 'guard-livereload'

Guardfile

# A sample Guardfile
# More info at https://github.com/guard/guard#readme

guard 'compass' do
  watch(%r{^sass/(.*)\.s[ac]ss})
end

guard 'livereload' do
  watch(%r{templates/.+\.(php|html)})
  watch(%r{javascripts/.+\.js})
  watch(%r{stylesheets/.+\.(css)})
  watch(%r{img/.+\.(png|jpg|jpeg|gif)})
  watch(%r{template.php})
end

Rakefile

task :default => :guard
 
desc 'Compile SASS for production'
task :compile do
  compass 'compile -e production --force -s compressed'
end
 
desc 'Start guard'
task :guard do
  sh 'bundle exec guard'
end


def compass(opts = '')
  sh 'bundle exec compass ' + opts
end