port styles

AssetFile

@@ -3,6 +3,9 @@
 # http://blog.nulayer.com/post/23294069876/building-simple-javascript-libraries-with-rake-pipeline?15bb0420
 
 require 'rake-pipeline-web-filters'
+require 'compass'
+
+Compass.configuration.images_path = 'assets/images'
 
 output 'public/javascripts'
 input 'assets/javascripts' do
@@ -66,14 +69,15 @@ end
 
 output 'public/stylesheets'
 input 'assets/stylesheets' do
-  match '**/*.scss' do
-    filter(Rake::Pipeline::Web::Filters::TiltFilter) do |input|
-      input.sub /\.scss$/, 'css'
-    end
+  match '**/*.{scss,sass}' do
+    # filter(Rake::Pipeline::Web::Filters::TiltFilter) do |input|
+    #     input.sub /\.scss$/, '.css'
+    #   end
+    filter Rake::Pipeline::Web::Filters::SassFilter
   end
 
   match '**/*.css' do
-    copy
+    concat 'application.css'
   end
 end
 

Gemfile

@@ -8,6 +8,7 @@ group :assets do
   gem 'rake-pipeline-web-filters', github: 'wycats/rake-pipeline-web-filters'
 
   gem 'coffee-script'
+  gem 'compass'
   gem 'tilt'
   gem 'guard'
 end

Gemfile.lock

@@ -17,13 +17,19 @@ GIT
 GEM
   remote: http://rubygems.org/
   specs:
+    chunky_png (1.2.5)
     coffee-script (2.2.0)
       coffee-script-source
       execjs
     coffee-script-source (1.3.3)
+    compass (0.12.2)
+      chunky_png (~> 1.2)
+      fssm (>= 0.2.7)
+      sass (~> 3.1)
     execjs (1.4.0)
       multi_json (~> 1.0)
     ffi (1.0.11)
+    fssm (0.2.9)
     guard (1.1.1)
       listen (>= 0.4.2)
       thor (>= 0.14.6)
@@ -43,6 +49,7 @@ GEM
     rb-fsevent (0.9.1)
     rb-inotify (0.8.8)
       ffi (>= 0.5.0)
+    sass (3.1.19)
     sinatra (1.3.2)
       rack (~> 1.3, >= 1.3.6)
       rack-protection (~> 1.2)
@@ -59,6 +66,7 @@ PLATFORMS
 
 DEPENDENCIES
   coffee-script
+  compass
   guard
   rake-pipeline!
   rake-pipeline-web-filters!