Work In Progress to use Compass and Ruby in the project

.bowerrc

{
  "directory": "./src/files/bower_components"
}

.ruby-gemset

bundler

.ruby-version

jruby-1.7.9

README.www-webplatform-Compass.md

WORK IN PROGRESS

This is a stash in the meantime i get a better way to do.

Notes

If you are not comfortable with command line, you can read this excellent article "the designer's guide to Mac OS X Command line

If you use fish shell (instead of bash or zsh)

more ~/.config/fish/functions/rvm.fish 
curl --create-dirs -o ~/.config/fish/functions/rvm.fish https://raw.github.com/lunks/fish-nuggets/master/functions/rvm.fish

Install RVM

curl -sSL https://get.rvm.io | bash -s stable

Install workspace

rvm install 2.1
rvm use 2.1

bower.json

{
  "name": "www.webplatform.org",
  "version": "1.1.0",
  "description": "WebPlatform Docs static pages",
  "homepage": "http://www.webplatform.org/",
  "dependencies": {
    "compass-flexbox": "~1.1.3",
    "normalize-css": "1.0.1"
  }
}

config.rb

#
# Compass+SASS workspace setup
#
# Resources:
#  - http://compass-style.org/help/tutorials/configuration-reference/

environment = :development

# In development, we can turn on the FireSass-compatible debug_info.
#firesass = false
firesass = true

# Location of the projects's resources.
css_dir = "src/files/css"
sass_dir = "src/files/sass"
images_dir = "src/files/assets/images"
javascripts_dir = "src/files/js"
http_path = "/"

##
## You probably don't need to edit anything below this.
##
output_style = (environment == :development) ? :expanded : :compressed
relative_assets = true
sass_options = (environment == :development) ? {:debug_info => true} : {:always_update => true}

Gemfile

source 'https://rubygems.org'

gem 'compass'
gem 'compass-blueprint'
gem 'compass-validator'