compass-rails31 0.12.0.alpha.0.91a748a

data/examples/yui/index.html.haml

@@ -0,0 +1,19 @@
+!!! Transitional
+%html{:xmlns => "http://www.w3.org/1999/xhtml", "xml:lang" => "en", :lang => "en"}
+  %head
+    %title YUI Typography Demo
+    %link{:rel=>"stylesheet", :href=>"stylesheets/screen.css", :type=>"text/css", :media=>"screen, projection"}
+  %body
+    #doc4.yui-t2
+      .yui-b
+        %h3 YUI Examples
+        %ul
+          %li
+            %a{:href=>"templates.html"} Template Presets
+          %li
+            %a{:href=>"typography.html"} Typography
+      #yui-main
+        .yui-b
+          %h1 YUI Examples
+          %p
+            Please select an example.

data/examples/yui/src/screen.scss

@@ -0,0 +1,13 @@
+@import "yui";
+@import "compass/reset";
+
+@include yui;
+
+.bigger {
+  @include font-size(16px); }
+
+.biggest {
+  @include font-size(18px); }
+
+.bigger .biggest {
+  @include font-size(18px, 16px); }

data/examples/yui/sub_divisions.html.haml

@@ -0,0 +1,169 @@
+!!! Transitional
+%html{:xmlns => "http://www.w3.org/1999/xhtml", "xml:lang" => "en", :lang => "en"}
+  %head
+    %title YUI Grid Sub-Divisions Example
+    %link{:rel=>"stylesheet", :href=>"stylesheets/screen.css", :type=>"text/css", :media=>"screen, projection"}
+    %style{:type => "text/css"}
+      :sass
+        .yui-b
+          border: 1px dotted #ccc
+  %body
+    #doc4.yui-t2
+      #hd
+        %h1 Yahoo Grid Sub-Divisions Example
+      #bd
+        .yui-b
+          %h3 YUI Examples
+          %ul
+            %li
+              %a{:href=>"templates.html"} Template Presets
+            %li
+              %a{:href=>"typography.html"} Typography
+            %li
+              %a{:href=>"divisions.html"} Grid Divisions
+        #yui-main
+          .yui-b
+            %h2 50/50 Division
+            %hr
+            .yui-g
+              .yui-g.first
+                .yui-u.first
+                  %h4 Left Side of 50/50 Sub-Division (25%)
+                  %p
+                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                .yui-u
+                  %h4 Right Side of 50/50 Sub-Division (25%)
+                  %p
+                    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                    incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                    exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+              .yui-u
+                %h4 Right Side of 50/50 Division (50%)
+                %p
+                  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                  exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
+                  nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
+                  officia deserunt mollit anim id est laborum.
+            %h2 33/33/33 Division
+            %hr
+            .yui-gb
+              .yui-u.first
+                %h3 Left Side
+                %p
+                  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                  exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
+                  nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
+                  officia deserunt mollit anim id est laborum.
+              .yui-u
+                %h3 Middle
+                %p
+                  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                  exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
+                  nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
+                  officia deserunt mollit anim id est laborum.
+
+              .yui-u
+                %h3 Right Side
+                %p
+                  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                  exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
+                  nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
+                  officia deserunt mollit anim id est laborum.
+            %h2 67/33 Division
+            %hr
+            .yui-gc
+              .yui-u.first
+                %h3 Left Side
+                %p
+                  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                  exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
+                  nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
+                  officia deserunt mollit anim id est laborum.
+              .yui-u
+                %h3 Right Side
+                %p
+                  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                  exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
+                  nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
+                  officia deserunt mollit anim id est laborum.
+            %h2 33/67 Division
+            %hr
+            .yui-gd
+              .yui-u.first
+                %h3 Left Side
+                %p
+                  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                  exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
+                  nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
+                  officia deserunt mollit anim id est laborum.
+              .yui-u
+                %h3 Right Side
+                %p
+                  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                  exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
+                  nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
+                  officia deserunt mollit anim id est laborum.
+            %h2 75/25 Division
+            %hr
+            .yui-ge
+              .yui-u.first
+                %h3 Left Side
+                %p
+                  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                  exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
+                  nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
+                  officia deserunt mollit anim id est laborum.
+              .yui-u
+                %h3 Right Side
+                %p
+                  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                  exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
+                  nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
+                  officia deserunt mollit anim id est laborum.
+            %h2 25/75 Division
+            %hr
+            .yui-gf
+              .yui-u.first
+                %h3 Left Side
+                %p
+                  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                  exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
+                  nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
+                  officia deserunt mollit anim id est laborum.
+              .yui-u
+                %h3 Right Side
+                %p
+                  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
+                  incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
+                  exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
+                  nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
+                  officia deserunt mollit anim id est laborum.
+
+      #ft
+        Copyright © 2008. All Rights Reserved. 
+        

data/examples/yui/templates.html.haml

@@ -0,0 +1,54 @@
+!!! Transitional
+%html{:xmlns => "http://www.w3.org/1999/xhtml", "xml:lang" => "en", :lang => "en"}
+  %head
+    %title YUI Template Presets Example
+    %link{:rel=>"stylesheet", :href=>"stylesheets/screen.css", :type=>"text/css", :media=>"screen, projection"}
+    :javascript
+      function changeTemplate() {
+        var templateClass = document.getElementById("current-template").value;
+        document.getElementById("doc4").className = templateClass;
+      }
+    %style{:type => "text/css"}
+      :sass
+        .yui-b
+          border: 1px dotted #ccc
+  %body
+    #doc4.yui-t2
+      #hd
+        %h1 Yahoo Template Presets Example
+      #bd
+        .yui-b
+          %h3 YUI Examples
+          %ul
+            %li
+              %a{:href=>"templates.html"} Template Presets
+            %li
+              %a{:href=>"typography.html"} Typography
+        #yui-main
+          .yui-b
+            %h2 Main Content
+            %label{:for => "current-template"} Select Template Preset
+            %select{:id=>"current-template", :onchange => "changeTemplate()"}
+              %option{:value => "yui-t1"}= ".yui-t1"
+              %option{:value => "yui-t2", :selected => "selected"}= ".yui-t2"
+              %option{:value => "yui-t3"}= ".yui-t3"
+              %option{:value => "yui-t4"}= ".yui-t4"
+              %option{:value => "yui-t5"}= ".yui-t5"
+              %option{:value => "yui-t6"}= ".yui-t6"
+            %hr
+            %p
+              Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+            .yui-g
+              .yui-u.first
+                %h3 50/50 Left Side
+                %p
+                  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+              .yui-u
+                %h3 50/50 Right Side
+                %p
+                  Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+                %p
+                  Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+      #ft
+        Copyright © 2008. All Rights Reserved. 
+        

data/examples/yui/typography.html.haml

@@ -0,0 +1,132 @@
+!!! Transitional
+%html{:xmlns => "http://www.w3.org/1999/xhtml", "xml:lang" => "en", :lang => "en"}
+  %head
+    %title YUI Typography Demo
+    %link{:rel=>"stylesheet", :href=>"stylesheets/screen.css", :type=>"text/css", :media=>"screen, projection"}
+  %body
+    #doc4.yui-t2
+      #yui-main
+        .yui-b
+          %h1 Typography Demo
+          %h2 This is a Sub Title.
+
+          %p
+            Lorem ipsum dolor sit amet,
+            %em emphasized adipisicing
+            elit, sed do
+            %strong strong tempor
+            incididunt ut labore et
+            %b bold magna
+            aliqua. Ut enim ad
+            %i<
+              italic veniam,
+            quis nostrud exercitation ullamco
+            %a{:href=>'#'} link nisi ut aliquip ex ea commodo consequat.
+            Duis aute irure dolor in
+            %abbr abbreviation repre
+            in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+          %h3 Third Level Header
+          %p
+            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+          %p
+            Subsequent paragraph, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+          %h4 Fourth Level Header
+          %p
+            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est quotation:
+          %blockquote
+            Block Quotem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+          %h5 Fifth Level Header
+          %img{:src => "test.jpg", :style => 'float: right;'}
+          %p
+            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
+            %span.bigger<
+              voluptate velit esse
+              %span.biggest cillum dolore
+              eu fugiat nulla pariatur.
+            Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+          %p
+            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+            %h6 Sixth Level Header
+            %p
+              Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+          %table
+            %caption
+              This is the table caption
+            %thead
+              %tr
+                %th
+                %th Table Header 1
+                %th Table Header 2
+                %th Table Header 3
+            %tbody
+              %tr
+                %th Row Header 1
+                %td Lorem ipsum dolor sit amet.
+                %td Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+                %td Lorem ipsum dolor sit amet.
+              %tr
+                %th Row Header 2
+                %td Lorem ipsum dolor sit amet.
+                %td Lorem ipsum dolor sit amet.
+                %td Lorem ipsum dolor sit amet.
+              %tr
+                %th Row Header 3
+                %td Lorem ipsum dolor sit amet.
+                %td Lorem ipsum dolor sit amet.
+                %td Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+              %tr
+                %th Row Header 4
+                %td Lorem ipsum dolor sit amet.
+                %td Lorem ipsum dolor sit amet.
+                %td Lorem ipsum dolor sit amet.
+              %tr
+                %th Row Header 5
+                %td Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+                %td Lorem ipsum dolor sit amet.
+                %td Lorem ipsum dolor sit amet.
+
+          %h3 Unordered Lists
+          %ul
+            %li List Element #1
+            %li<
+              Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+            %li List Element #3
+            %li<
+              Nested List
+              %ul
+                %li Nested 1
+                %li Nested 2
+                %li Nested 3
+
+          %h3 Ordered Lists
+          %ol
+            %li List Element #1
+            %li<
+              Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+            %li List Element #3
+            %li<
+              Nested List
+              %ol
+                %li Nested 1
+                %li Nested 2
+                %li Nested 3
+
+          %h3 Definition Lists
+          %dl
+            %dt Term 1
+            %dd Definition 1: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+            %dd Definition 2: Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+            %dt Term 2
+            %dd Another Definition
+      .yui-b
+        %h3 YUI Examples
+        %ul
+          %li
+            %a{:href=>"templates.html"} Template Presets
+          %li
+            %a{:href=>"typography.html"} Typography

data/features/command_line.feature

@@ -0,0 +1,302 @@
+Feature: Command Line
+  In order to manage my stylesheets
+  As a user on the command line
+  I want to create a new project
+
+  Scenario: Install a project without a framework
+    When I create a project using: compass create my_project
+    Then a directory my_project/ is created
+    And a configuration file my_project/config.rb is created
+    And a sass file my_project/sass/screen.scss is created
+    And a sass file my_project/sass/print.scss is created
+    And a sass file my_project/sass/ie.scss is created
+    And a css file my_project/stylesheets/screen.css is created
+    And a css file my_project/stylesheets/print.css is created
+    And a css file my_project/stylesheets/ie.css is created
+    And I am told how to link to /stylesheets/screen.css for media "screen, projection"
+    And I am told how to link to /stylesheets/print.css for media "print"
+    And I am told how to conditionally link "IE" to /stylesheets/ie.css for media "screen, projection"
+
+  Scenario: Install a project with blueprint
+    When I create a project using: compass create bp_project --using blueprint
+    Then a directory bp_project/ is created
+    And a configuration file bp_project/config.rb is created
+    And a sass file bp_project/sass/screen.scss is created
+    And a sass file bp_project/sass/print.scss is created
+    And a sass file bp_project/sass/ie.scss is created
+    And a css file bp_project/stylesheets/screen.css is created
+    And a css file bp_project/stylesheets/print.css is created
+    And a css file bp_project/stylesheets/ie.css is created
+    And an image file bp_project/images/grid.png is created
+    And I am told how to link to /stylesheets/screen.css for media "screen, projection"
+    And I am told how to link to /stylesheets/print.css for media "print"
+    And I am told how to conditionally link "lt IE 8" to /stylesheets/ie.css for media "screen, projection"
+
+  Scenario: Install a project with specific directories
+    When I create a project using: compass create custom_project --using blueprint --sass-dir sass --css-dir css --images-dir assets/imgs
+    Then a directory custom_project/ is created
+    And a directory custom_project/sass/ is created
+    And a directory custom_project/css/ is created
+    And a directory custom_project/assets/imgs/ is created
+    And a sass file custom_project/sass/screen.scss is created
+    And a css file custom_project/css/screen.css is created
+    And an image file custom_project/assets/imgs/grid.png is created
+
+  Scenario: Perform a dry run of creating a project
+    When I create a project using: compass create my_project --dry-run
+    Then a directory my_project/ is not created
+    But a configuration file my_project/config.rb is reported created
+    And a sass file my_project/sass/screen.scss is reported created
+    And a sass file my_project/sass/print.scss is reported created
+    And a sass file my_project/sass/ie.scss is reported created
+    And I am told how to link to /stylesheets/screen.css for media "screen, projection"
+    And I am told how to link to /stylesheets/print.css for media "print"
+    And I am told how to conditionally link "IE" to /stylesheets/ie.css for media "screen, projection"
+
+  Scenario: Creating a bare project
+    When I create a project using: compass create bare_project --bare
+    Then a directory bare_project/ is created
+    And a configuration file bare_project/config.rb is created
+    And a directory bare_project/sass/ is created
+    And a directory bare_project/stylesheets/ is not created
+    And I am congratulated
+    And I am told that I can place stylesheets in the sass subdirectory
+    And I am told how to compile my sass stylesheets
+
+  Scenario: Compiling a project with errors
+    Given I am using the existing project in test/fixtures/stylesheets/compass
+    And the project has a file named "sass/error.scss" containing:
+      """
+        .broken {
+      """
+    When I run: compass compile
+    Then the command exits with a non-zero error code
+
+  Scenario: Creating a bare project with a framework
+    When I create a project using: compass create bare_project --using blueprint --bare
+    Then an error message is printed out: A bare project cannot be created when a framework is specified.
+    And the command exits with a non-zero error code
+
+  Scenario: Initializing a rails project
+    Given ruby supports fork
+    Given I'm in a newly created rails project: my_rails_project
+    When I initialize a project using: compass init rails --sass-dir app/stylesheets --css-dir public/stylesheets/compiled
+    Then a config file config/compass.rb is reported created
+    Then a config file config/compass.rb is created
+    And a sass file app/stylesheets/screen.scss is created
+    And a sass file app/stylesheets/print.scss is created
+    And a sass file app/stylesheets/ie.scss is created
+
+  Scenario: Compiling an existing project.
+    Given I am using the existing project in test/fixtures/stylesheets/compass
+    When I run: compass compile
+    Then a directory tmp/ is created
+    And a css file tmp/layout.css is created
+    And a css file tmp/print.css is created
+    And a css file tmp/reset.css is created
+    And a css file tmp/utilities.css is created
+
+  Scenario: Compiling an existing project with a specified project
+    Given I am using the existing project in test/fixtures/stylesheets/compass
+    And I am in the parent directory
+    When I run: compass compile tmp_compass
+    Then a directory tmp_compass/tmp/ is created
+    And a css file tmp_compass/tmp/layout.css is created
+    And a css file tmp_compass/tmp/print.css is created
+    And a css file tmp_compass/tmp/reset.css is created
+    And a css file tmp_compass/tmp/utilities.css is created
+
+  Scenario: Dry Run of Compiling an existing project.
+    Given I am using the existing project in test/fixtures/stylesheets/compass
+    When I run: compass compile --dry-run
+    Then a directory tmp/ is not created
+    And a css file tmp/layout.css is not created
+    And a css file tmp/print.css is not created
+    And a css file tmp/reset.css is not created
+    And a css file tmp/utilities.css is not created
+    And a css file tmp/layout.css is reported created
+    And a css file tmp/print.css is reported created
+    And a css file tmp/reset.css is reported created
+    And a css file tmp/utilities.css is reported created
+
+  Scenario: Recompiling a project with no changes
+    Given I am using the existing project in test/fixtures/stylesheets/compass
+    When I run: compass compile
+    And I run: compass compile
+
+  Scenario: compiling a specific file in a project
+    Given I am using the existing project in test/fixtures/stylesheets/compass
+    And I run: compass compile sass/utilities.scss
+    Then a sass file sass/layout.sass is not mentioned
+    And a sass file sass/print.sass is not mentioned
+    And a sass file sass/reset.sass is not mentioned
+    And a css file tmp/utilities.css is reported created
+    And a css file tmp/utilities.css is created
+
+  Scenario: Re-compiling a specific file in a project with no changes
+    Given I am using the existing project in test/fixtures/stylesheets/compass
+    When I run: compass compile
+    And I run: compass compile sass/utilities.scss
+    Then a sass file sass/layout.sass is not mentioned
+    And a sass file sass/print.sass is not mentioned
+    And a sass file sass/reset.sass is not mentioned
+    And a css file tmp/utilities.css is reported identical
+
+  Scenario: Installing a pattern into a project
+    Given I am using the existing project in test/fixtures/stylesheets/compass
+    When I run: compass install blueprint/buttons
+    Then a sass file sass/buttons.scss is created
+    And an image file images/buttons/cross.png is created
+    And an image file images/buttons/key.png is created
+    And an image file images/buttons/tick.png is created
+    And a css file tmp/buttons.css is created
+
+  Scenario: Basic help
+    When I run: compass help
+    Then I should see the following "primary" commands:
+      | clean   |
+      | compile |
+      | create  |
+      | init    |
+      | watch   |
+    And I should see the following "other" commands:
+      | config      |
+      | frameworks  |
+      | grid-img    |
+      | help        |
+      | imports     |
+      | install     |
+      | interactive |
+      | sprite      |
+      | stats       |
+      | unpack      |
+      | validate    |
+      | version     |
+
+  Scenario: Recompiling a project with no material changes
+    Given I am using the existing project in test/fixtures/stylesheets/compass
+    When I run: compass compile
+    And I wait 1 second
+    And I touch sass/layout.sass
+    And I run: compass compile
+    Then a css file tmp/layout.css is reported identical
+
+  Scenario: Recompiling a project with changes
+    Given I am using the existing project in test/fixtures/stylesheets/compass
+    When I run: compass compile
+    And I wait 1 second
+    And I add some sass to sass/layout.sass
+    And I run: compass compile
+    And a css file tmp/layout.css is reported overwritten
+
+  Scenario: Cleaning a project
+    Given I am using the existing project in test/fixtures/stylesheets/compass
+    When I run: compass compile
+    And I run: compass clean
+    Then the following files are reported removed:
+      | .sass-cache/                |
+      | tmp/border_radius.css       |
+      | tmp/box.css                 |
+      | tmp/box_shadow.css          |
+      | tmp/columns.css             |
+      | tmp/fonts.css               |
+      | images/flag-s8c3c755a68.png |
+    And the following files are removed:
+      | .sass-cache/                |
+      | tmp/border_radius.css       |
+      | tmp/box.css                 |
+      | tmp/box_shadow.css          |
+      | tmp/columns.css             |
+      | tmp/fonts.css               |
+      | images/flag-s8c3c755a68.png |
+
+  Scenario: Watching a project for changes
+    Given ruby supports fork
+    Given I am using the existing project in test/fixtures/stylesheets/compass
+    When I run: compass compile
+    And I run in a separate process: compass watch 
+    And I wait 3 seconds
+    And I touch sass/layout.sass
+    And I wait 2 seconds
+    And I shutdown the other process
+    Then a css file tmp/layout.css is reported identical
+
+  Scenario: Generating a grid image so that I can debug my grid alignments
+    Given I am using the existing project in test/fixtures/stylesheets/compass
+    When I run: compass grid-img 30+10x24
+    Then a png file images/grid.png is created
+    And the image images/grid.png has a size of 40x24
+
+  Scenario: Generating a grid image to a specified path with custom dimensions
+    Given I am using the existing project in test/fixtures/stylesheets/compass
+    When I run: compass grid-img 50+10x24 assets/wide_grid.png
+    Then a directory assets is created
+    Then a png file assets/wide_grid.png is created
+    And the image assets/wide_grid.png has a size of 60x24
+
+  Scenario: Generating a grid image with invalid dimensions
+    Given I am using the existing project in test/fixtures/stylesheets/compass
+    When I run: compass grid-img 50x24 assets/wide_grid.png
+    Then a directory assets is not created
+    And a png file assets/wide_grid.png is not created
+
+  Scenario: Generate a compass configuration file
+    Given I should clean up the directory: config
+    When I run: compass config config/compass.rb --sass-dir sass --css-dir assets/css
+    Then a configuration file config/compass.rb is created
+    And the following configuration properties are set in config/compass.rb:
+      | property | value      |
+      | sass_dir | sass       |
+      | css_dir  | assets/css |
+
+  Scenario Outline: Print out a configuration value
+    Given I am using the existing project in test/fixtures/stylesheets/compass
+    When I run: compass config -p <property>
+    Then I should see the following output: <value>
+    And the command exits <exit>
+  
+    Examples:
+      | property        | value                    | exit     |
+      | extensions_dir  | extensions               | normally |
+      | extensions_path | $PROJECT_PATH/extensions | normally |
+      | css_dir         | tmp                      | normally |
+      | css_path        | $PROJECT_PATH/tmp        | normally |
+      | sass_dir        | sass                     | normally |
+      | sass_path       | $PROJECT_PATH/sass       | normally |
+      | foobar          | ERROR: configuration property 'foobar' does not exist | with a non-zero error code | 
+
+  @validator
+  Scenario: Validate the generated CSS
+    Given I am using the existing project in test/fixtures/stylesheets/valid
+    When I run: compass validate
+    Then my css is validated
+    And I am informed that my css is valid.
+
+  @stats
+  Scenario: Get stats for my project
+    Given I am using the existing project in test/fixtures/stylesheets/compass
+    When I run: compass stats
+    Then I am told statistics for each file:
+      | Filename                  | Rules | Properties |    Mixins Defs | Mixins Used | CSS Rules | CSS Properties |
+      | sass/border_radius.scss   |   \d+ |        \d+ |            \d+ |         \d+ |       \d+ |            \d+ |
+      | sass/box.sass             |   \d+ |        \d+ |            \d+ |         \d+ |       \d+ |            \d+ |
+      | sass/fonts.sass           |   \d+ |        \d+ |            \d+ |         \d+ |       \d+ |            \d+ |
+      | sass/gradients.sass       |   \d+ |        \d+ |            \d+ |         \d+ |       \d+ |            \d+ |
+      | sass/image_size.sass      |   \d+ |        \d+ |            \d+ |         \d+ |       \d+ |            \d+ |
+      | sass/images.scss          |   \d+ |        \d+ |            \d+ |         \d+ |       \d+ |            \d+ |
+      | sass/layout.sass          |   \d+ |        \d+ |            \d+ |         \d+ |       \d+ |            \d+ |
+      | sass/legacy_clearfix.scss |   \d+ |        \d+ |            \d+ |         \d+ |       \d+ |            \d+ |
+      | sass/lists.scss           |   \d+ |        \d+ |            \d+ |         \d+ |       \d+ |            \d+ |
+      | sass/print.sass           |   \d+ |        \d+ |            \d+ |         \d+ |       \d+ |            \d+ |
+      | sass/reset.sass           |   \d+ |        \d+ |            \d+ |         \d+ |       \d+ |            \d+ |
+      | sass/utilities.scss       |   \d+ |        \d+ |            \d+ |         \d+ |       \d+ |            \d+ |
+      | ------------------------- | ----- | ---------- | -------------- | ----------- | --------- | -------------- |
+      | Total.*                   |   \d+ |        \d+ |            \d+ |         \d+ |       \d+ |            \d+ |
+
+  @listframeworks
+  Scenario: List frameworks registered with compass
+    When I run: compass frameworks
+    Then I should see the following lines of output:
+      | blueprint  |
+      | compass    |
+