sass and compass working together

Gemfile

@@ -10,6 +10,8 @@ end
 
 gem "haml", ">= 3.0.12"
 gem "haml-rails"
+gem 'acts-as-taggable-on'
+gem 'compass', ">= 0.10.4"
 # Use unicorn as the web server
 # gem 'unicorn'
 

Gemfile.lock

@@ -28,9 +28,12 @@ GEM
       activemodel (= 3.0.0.rc)
       activesupport (= 3.0.0.rc)
     activesupport (3.0.0.rc)
+    acts-as-taggable-on (2.0.6)
     arel (0.4.0)
       activesupport (>= 3.0.0.beta)
     builder (2.1.2)
+    compass (0.10.4)
+      haml (>= 3.0.4)
     diff-lcs (1.1.2)
     erubis (2.6.6)
       abstract (>= 1.0.0)
@@ -95,6 +98,8 @@ PLATFORMS
   ruby
 
 DEPENDENCIES
+  acts-as-taggable-on
+  compass (>= 0.10.4)
   factory_girl_rails (>= 1.0.0)
   haml (>= 3.0.12)
   haml-rails

app/models/task.rb

@@ -1,7 +1,6 @@
 class Task < ActiveRecord::Base
-
   belongs_to :list
-
+  acts_as_taggable_on :tags
   scope :completed, where(:completed => true)
   scope :incomplete, where(:completed => false)
 end

app/stylesheets/_mixins.sass

@@ -0,0 +1,10 @@
+@mixin box($color: rgb(230, 230, 230), $border: rgb(221,221,221), $radius: 5px, $padding: 5px, $margin: 0.5em)
+  -moz-border-radius: $radius 
+  -webkit-border-radius: $radius 
+  border-radius: $radius
+  background-color: rgba(0, 0, 0, 0.05)
+  margin-bottom: $margin 
+  padding: $padding 
+  background-color: $color 
+  border: 1px solid $border 
+

app/stylesheets/screen.sass

@@ -1,9 +1,24 @@
+@import "compass/reset"
 @import "standard"
+@import "mixins"
+
+@import "compass/css3/box-shadow"
 
 .task
+  width: 100%
+  @include box(white, white)
+  @include box-shadow(#333,1px,1px,2px)
   form.mark_complete
     display: inline
-
+  ul.tags
+    display: inline
+    float: right
+    margin-top: 2px
+    li
+      display: inline
+      list-style-type: none
+      padding-right: 5px
+      @include box(rgb(231,235,249),rgb(188,202,240), 7px, 4px, 0)
 
 ul#complete li.task
   text-decoration: line-through

app/views/layouts/application.html.haml

@@ -2,7 +2,7 @@
 %html
   %head
     %title Todo
-    = stylesheet_link_tag 'compiled/screen' 
+    = stylesheet_link_tag 'screen' 
     = javascript_include_tag :defaults
     = csrf_meta_tag
   %body.content

app/views/lists/show.html.haml

@@ -11,7 +11,8 @@
 
 = form_for [@list, @task], :remote => true do |f|
   %p
-    ~f.text_field :description
+    ~f.text_field :description, :placeholder => "New to do"
+    =f.text_field :tag_list, :placeholder => "Tags"
     ~f.submit
 %hr
 = link_to "Back to list index", lists_path

app/views/tasks/_task.html.haml

@@ -3,5 +3,8 @@
     = form_tag complete_task_path(@list.id, task.id), :class => "mark_complete", :remote => true do
       = check_box_tag "complete", "1", false, "data-remote".to_sym => true, :action => complete_task_path(@list.id, task.id)
   = "#{task.description}" 
+  %ul.tags
+    - task.tag_list.each do |tag|
+      %li=tag
 
 

config.ru

@@ -1,4 +1,6 @@
 # This file is used by Rack-based servers to start the application.
 
 require ::File.expand_path('../config/environment',  __FILE__)
+#use Rack::Static, :urls => ["/stylesheets/compiled"], :root => "tmp"
+
 run Todo::Application

config/compass.rb

@@ -0,0 +1,11 @@
+# This configuration file works with both the Compass command line tool and within Rails.
+# Require any additional compass plugins here.
+project_type = :rails
+project_path = Compass::AppIntegration::Rails.root
+# Set this to the root of your project when deployed:
+http_path = "/"
+css_dir = "public/stylesheets"
+sass_dir = "app/stylesheets"
+environment = Compass::AppIntegration::Rails.env
+# To enable relative paths to assets via compass helper functions. Uncomment:
+# relative_assets = true

config/environments/development.rb

@@ -19,4 +19,5 @@
 
   # Print deprecation notices to the Rails logger
   config.active_support.deprecation = :log
+  Sass::Plugin.options[:always_check] = true
 end

config/environments/production.rb

@@ -46,4 +46,7 @@
 
   # Send deprecation notices to registered listeners
   config.active_support.deprecation = :notify
+
+  Sass::Plugin.options[:always_check] = false
+
 end

config/initializers/compass.rb

@@ -0,0 +1,3 @@
+require 'compass'
+require 'compass/app_integration/rails'
+Compass::AppIntegration::Rails.initialize!

db/migrate/20100817123058_acts_as_taggable_on_migration.rb

@@ -0,0 +1,28 @@
+class ActsAsTaggableOnMigration < ActiveRecord::Migration
+  def self.up
+    create_table :tags do |t|
+      t.string :name
+    end
+
+    create_table :taggings do |t|
+      t.references :tag
+
+      # You should make sure that the column created is
+      # long enough to store the required class names.
+      t.references :taggable, :polymorphic => true
+      t.references :tagger, :polymorphic => true
+
+      t.string :context
+
+      t.datetime :created_at
+    end
+
+    add_index :taggings, :tag_id
+    add_index :taggings, [:taggable_id, :taggable_type, :context]
+  end
+
+  def self.down
+    drop_table :taggings
+    drop_table :tags
+  end
+end

db/schema.rb

@@ -10,7 +10,7 @@
 #
 # It's strongly recommended to check this file into your version control system.
 
-ActiveRecord::Schema.define(:version => 20100813184240) do
+ActiveRecord::Schema.define(:version => 20100817123058) do
 
   create_table "lists", :force => true do |t|
     t.string   "name"
@@ -19,6 +19,23 @@
     t.datetime "updated_at"
   end
 
+  create_table "taggings", :force => true do |t|
+    t.integer  "tag_id"
+    t.integer  "taggable_id"
+    t.string   "taggable_type"
+    t.integer  "tagger_id"
+    t.string   "tagger_type"
+    t.string   "context"
+    t.datetime "created_at"
+  end
+
+  add_index "taggings", ["tag_id"], :name => "index_taggings_on_tag_id"
+  add_index "taggings", ["taggable_id", "taggable_type", "context"], :name => "index_taggings_on_taggable_id_and_taggable_type_and_context"
+
+  create_table "tags", :force => true do |t|
+    t.string "name"
+  end
+
   create_table "tasks", :force => true do |t|
     t.string   "description"
     t.boolean  "completed",   :default => false