compass-rails31 0.12.0.alpha.0.91a748a

data/test/fixtures/stylesheets/compass/sass/image_size.sass

@@ -0,0 +1,15 @@
+.png
+  width: image_width(unquote("100x150.png"))
+  height: image_height(unquote("100x150.png"))
+
+.jpg
+  width: image_width(unquote("100x150.jpg"))
+  height: image_height(unquote("100x150.jpg"))
+
+.jpeg
+  width: image_width(unquote("100x150.jpeg"))
+  height: image_height(unquote("100x150.jpeg"))
+
+.gif
+  width: image_width(unquote("100x150.gif"))
+  height: image_height(unquote("100x150.gif"))

data/test/fixtures/stylesheets/compass/sass/images.scss

@@ -0,0 +1,9 @@
+.relative {
+  background-image: image-url("4x6.png");
+}
+.root-relative {
+  background-image: image-url("/images/4x6.png");
+}
+.absolute {
+  background-image: image-url("http://example.com/images/4x6.png");
+}

data/test/fixtures/stylesheets/compass/sass/layout.sass

@@ -0,0 +1,3 @@
+@import compass/layout
+
++sticky-footer(72px, unquote("#layout"), unquote("#layout_footer"), unquote("#footer"))

data/test/fixtures/stylesheets/compass/sass/legacy_clearfix.scss

@@ -0,0 +1,14 @@
+$default-has-layout-approach: block;
+
+@import "compass/utilities";
+
+.clearfix {
+    @include clearfix;
+}
+
+.pie-clearfix {
+    @include legacy-pie-clearfix;
+}
+.simplified-pie-clearfix {
+    @include pie-clearfix;
+}

data/test/fixtures/stylesheets/compass/sass/lists.scss

@@ -0,0 +1,12 @@
+@import "compass/typography/lists";
+
+ul.horizontal        { @include horizontal-list;             }
+ul.wide-horizontal   { @include horizontal-list(10px);       }
+ul.right-horizontal  { @include horizontal-list(4px, right); }
+ul.no-padding        { @include horizontal-list(false);      }
+ul.inline-block      { @include inline-block-list;           }
+ul.wide-inline-block { @include inline-block-list(10px);     }
+ul.inline            { @include inline-list;                 }
+ul.comma             { @include delimited-list;              }
+ul.no-bullets        { @include no-bullets;                  }
+ul.pretty            { @include pretty-bullets("4x6.png");   }

data/test/fixtures/stylesheets/compass/sass/opacity.scss

@@ -0,0 +1,5 @@
+@import "compass/css3/opacity";
+
+div {
+  @include opacity(.2);
+}

data/test/fixtures/stylesheets/compass/sass/pie.scss

@@ -0,0 +1,47 @@
+@import "compass/css3";
+@import "compass/css3/pie";
+
+
+// There are two approaches to creating PIE elements
+// The default approach is to make the element position: relative.
+$pie-base-class: pie-element;
+.pie-element {
+  // relative is the default, so passing relative
+  // is redundant, but we do it here for clarity.
+  @include pie-element(relative);
+}
+
+.bordered {
+  @include pie; // Because $pie-base-class is set, this results in an extend of .pie-element. 
+  @include border-radius(5px);
+}
+
+.gradient {
+  @include pie; // Because $pie-base-class is set, this results in an extend of .pie-element.
+  @include background(linear-gradient(#f00, #00f));
+}
+
+
+// But sometimes this messes up your positioning
+// So you can also use z-indexing. In this case
+// an ancestor element before or having the first
+// opaque background should be marked as a pie-container
+// which gives it a z-index of 0 (actually any z-index
+// can be provided to the pie-container mixin).
+// And then the pie element itself should be given
+// a z-index of -1.
+.pie-container {
+  @include pie-container;
+}
+
+.z-pie-element {
+  // this will get a z-index of 0, you can pass a z-index value if you want
+  @include pie-element(z-index);
+}
+
+.widget {
+  @extend .pie-container; // This will
+  h3 {
+    @include pie(z-pie-element); // This will extend .z-pie-element instead of .pie-element
+  }
+}

data/test/fixtures/stylesheets/compass/sass/print.sass

@@ -0,0 +1,5 @@
+@import compass/utilities/print
+
++print-utilities
+
++print-utilities(screen)

data/test/fixtures/stylesheets/compass/sass/reset.sass

@@ -0,0 +1,12 @@
+@import compass/reset
+
+// Turn off the display for both of these classes
+.unregistered-only, .registered-only
+  display: none
+
+// Now turn only one of them back on depending on some other context.
+body.registered
+  +reset-display(unquote(".registered-only"))
+
+body.unregistered
+  +reset-display(unquote(".unregistered-only"))

data/test/fixtures/stylesheets/compass/sass/sprites.scss

@@ -0,0 +1,13 @@
+@import "flag/*.png";
+
+$flag-sprite-dimensions: true;
+
+#flags {
+  @each $flag in us au ca es eg ly {
+    .#{$flag} {
+      @include flag-sprite($flag);
+    }
+  }
+}
+
+@include all-flag-sprites;

data/test/fixtures/stylesheets/compass/sass/stretching.sass

@@ -0,0 +1,34 @@
+@import "compass/layout/stretching"
+
+.stretched-completely
+  +stretch
+
+.stretched-horizontally
+  +stretch-x
+
+.stretched-right
+  +stretch-x(0, 50%)
+
+.left-pane
+  +stretch(0, 50%, 0, 0)
+
+.stretched-left
+  +stretch-x(50%, 0)
+
+.right-pane
+  +stretch(0, 0, 0, 50%)
+
+.stretched-down
+  +stretch-y(0, 50%)
+
+.top-pane
+  +stretch(0, 0, 50%, 0)
+
+.stretched-up
+  +stretch-y(50%, 0)
+
+.bottom-pane
+  +stretch(50%, 0, 0, 0)
+
+.viewport
+  +stretch(10px, 20px, 30px, 40px)

data/test/fixtures/stylesheets/compass/sass/text_shadow.scss

@@ -0,0 +1,7 @@
+@import "compass/css3/text-shadow";
+
+.legacy-text-shadow { @include text-shadow(#777, 5px, 5px, 10px); }
+.single-text-shadow { @include single-text-shadow;}
+.default-text-shadow { @include text-shadow;}
+.multiple-text-shadows-with-default { @include text-shadow(default, 2px 2px 5px #222);}
+.multiple-text-shadows { @include text-shadow(4px 4px 10px #444, 2px 2px 5px #222);}

data/test/fixtures/stylesheets/compass/sass/transform.scss

@@ -0,0 +1,87 @@
+@import "compass/css3/transform";
+
+.apply-origin-2d                  { @include apply-origin(2px 5%, false); }
+.apply-origin-3d                  { @include apply-origin(2px 5% 2in, true); }
+.transform-origin-2d              { @include transform-origin(100px, 100px); }
+.transform-origin-3d              { @include transform-origin(100px, 100px, 100px); }
+.transform-2d                     { @include transform2d(rotateY(20deg)); }
+.transform-3d                     { @include transform3d(rotateZ(20deg)); }
+.perspective                      { @include perspective(500); }
+.perspective-origin               { @include perspective-origin(25% 25%)}
+.transform-style                  { @include transform-style; }
+.backface-visibility              { @include backface-visibility;}
+.scale                            { @include scale(30px, 50px);}
+.scale-3d                         { @include scale(30px, 50px, false, true);}
+.scale-with-perspective           { @include scale(30px, 50px, 500);}
+.scale-3d-with-perspective        { @include scale(30px, 50px, 500, true);}
+.scale-x                          { @include scaleX(30px);}
+.scale-x-3d                       { @include scaleX(30px, false, true);}
+.scale-x-with-perspective         { @include scaleX(30px, 500);}
+.scale-x-3d-with-perspective      { @include scaleX(30px, 500, true);}
+.scale-y                          { @include scaleY(50px);}
+.scale-y-3d                       { @include scaleY(50px, false, true);}
+.scale-y-with-perspective         { @include scaleY(50px, 500);}
+.scale-y-3d-with-perspective      { @include scaleY(50px, 500, true);}
+.scale-z                          { @include scaleZ(50px);}
+.scale-z-with-perspective         { @include scaleZ(50px, 500);}
+.scale3d                          { @include scale3d(30px, 50px, 100px);}
+.scaled3-with-perspective         { @include scale3d(30px, 50px, 100px, 500);}
+.rotate                           { @include rotate(25deg, 500);}
+.rotate-with-perspective          { @include rotate(25deg, 500);}
+.rotate-z                         { @include rotateZ(25deg);}
+.rotate-z-with-perspective        { @include rotateZ(25deg, 500);}
+.rotate-x                         { @include rotateX(25deg);}
+.rotate-x-with-perspective        { @include rotateX(25deg, 500);}
+.rotate-y                         { @include rotateY(25deg);}
+.rotate-y-with-perspective        { @include rotateY(25deg, 500);}
+.rotate-3d                        { @include rotate3d(5, 2, 1, 75deg);}
+.rotate-3d-with-perspective       { @include rotate3d(5, 2, 1, 75deg, 500);}
+.translate                        { @include translate(20px, 30%);}
+.translate-with-perspective       { @include translate(20px, 30%, 500);}
+.translate-3d                     { @include translate(20px, 30%, false, true);}
+.translate-3d-with-perspective    { @include translate(20px, 30%, 500, true);}
+.translate-x                      { @include translateX(30px);}
+.translate-x-3d                   { @include translateX(30px, false, true);}
+.translate-x-with-perspective     { @include translateX(30px, 500);}
+.translate-x-3d-with-perspective  { @include translateX(30px, 500, true);}
+.translate-y                      { @include translateY(30px);}
+.translate-y-3d                   { @include translateY(30px, false, true);}
+.translate-y-with-perspective     { @include translateY(30px, 500);}
+.translate-y-3d-with-perspective  { @include translateY(30px, 500, true);}
+.translate-z                      { @include translateZ(30px);}
+.translate-z-with-perspective     { @include translateZ(30px, 500);}
+.translate-3d                     { @include translate3d(30px, 50px, 75px);}
+.translate-3d-with-perspective    { @include translate3d(30px, 50px, 75px, 500);}
+.skew                             { @include skew(20deg, 50deg);}
+.skew-3d                          { @include skew(20deg, 50deg, true);}
+.skew-x                           { @include skewX(20deg);}
+.skew-x-3d                        { @include skewX(20deg, true);}
+.skew-y                           { @include skewY(20deg);}
+.skew-y-3d                        { @include skewY(20deg, true);}
+.create-transform-2d              { @include create-transform(
+                                               500,
+                                               20px, 20px, false,
+                                               25deg, 25deg, false, false
+                                               50px, 50px, false,
+                                               50deg, 50deg,
+                                               50%, 50%, false
+                                              );
+                                  }
+.create-transform-3d              { @include create-transform(
+                                               500,
+                                               20px, 20px, 20px,
+                                               25deg, 25deg, 25deg, false
+                                               50px, 50px, 50px,
+                                               50deg, 50deg,
+                                               50%, 50%, 50%
+                                              );
+                                  }
+
+.simple-transform                 { @include simple-transform(
+                                               25px,
+                                               25deg,
+                                               10px, 10px,
+                                               30deg, 30deg,
+                                               10%, 10%
+                                             );
+                                  }

data/test/fixtures/stylesheets/compass/sass/utilities.scss

@@ -0,0 +1,17 @@
+@import "compass/utilities";
+
+.clearfix {
+    @include clearfix;
+}
+
+.pie-clearfix {
+    @include legacy-pie-clearfix;
+}
+.simple-pie-clearfix {
+  @include pie-clearfix;
+}
+
+p.light { @include contrasted(#B0201E); }
+p.dark  { @include contrasted(#5F1210); }
+p.light-with-args { @include contrasted(#B0201E, green, blue); }
+p.dark-with-args  { @include contrasted(#5F1210, green, blue); }

data/test/fixtures/stylesheets/compass/sass/vertical_rhythm.scss

@@ -0,0 +1,14 @@
+@import "compass/typography/vertical_rhythm";
+
+$base-font-size: 14px;
+$base-line-height: 16px;
+
+@include establish-baseline;
+
+.small { @include adjust-font-size-to(12px,1); }
+
+.padded { @include rhythm(1,1,1,1); }
+.small-padded { @include adjust-font-size-to(12px,1); @include rhythm(1,1,1,1,12px); }
+
+.borders { @include h-borders(1px,1); }
+.large-borders { @include adjust-font-size-to(24px,3); @include h-borders(6px,1,24px); }

data/test/fixtures/stylesheets/error/config.rb

@@ -0,0 +1,10 @@
+# Require any additional compass plugins here.
+css_dir = "tmp"
+sass_dir = "sass"
+images_dir = "assets/images"
+javascripts_dir = "assets/javascripts"
+# Set this to the root of your project when deployed:
+http_path = "/"
+# To enable relative paths to assets via compass helper functions. Uncomment:
+output_style = :compact
+relative_assets = true

data/test/fixtures/stylesheets/error/sass/screen.sass

@@ -0,0 +1,2 @@
+test
+  background: image_url("testing.png)

data/test/fixtures/stylesheets/image_urls/config.rb

@@ -0,0 +1,19 @@
+# Require any additional compass plugins here.
+project_type = :stand_alone
+css_dir = "tmp"
+sass_dir = "sass"
+images_dir = "images"
+output_style = :compact
+# To enable relative image paths using the images_url() function:
+# http_images_path = :relative
+http_images_path = "/images"
+line_comments = false
+
+asset_cache_buster do |path, file|
+  "busted=true"
+end
+
+
+asset_host do |path|
+  "http://assets%d.example.com" % (path.size % 4)
+end

data/test/fixtures/stylesheets/image_urls/css/screen.css

@@ -0,0 +1,5 @@
+.showgrid { background-image: url('http://assets0.example.com/images/grid.png?busted=true'); }
+
+.inlinegrid { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAUEAYAAACv1qP4AAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAAAZ0lEQVRYw+3QwQ2AIBAFUTEUwI3+uzN7gDscsIgxEuO8An52J11X73OudfxMraXkzHfO3Y98nQEhA0IGhAwIGRAyIGRAyICQASEDQgaEDAgZEDIgZEDIgJABoZzSGK3tPuN9ERFP7Nw4fg+c5g8V1wAAAABJRU5ErkJggg=='); }
+
+.no-buster { background-image: url('http://assets0.example.com/images/grid.png'); }

data/test/fixtures/stylesheets/image_urls/sass/screen.sass

@@ -0,0 +1,8 @@
+.showgrid
+  background-image: image-url(unquote("grid.png"))
+
+.inlinegrid
+  background-image: inline-image(unquote("grid.png"))
+
+.no-buster
+  background-image: image-url("grid.png", $only-path: false, $cache-buster: false)

data/test/fixtures/stylesheets/relative/config.rb

@@ -0,0 +1,10 @@
+# Require any additional compass plugins here.
+css_dir = "tmp"
+sass_dir = "sass"
+images_dir = "assets/images"
+javascripts_dir = "assets/javascripts"
+# Set this to the root of your project when deployed:
+http_path = "/"
+# To enable relative paths to assets via compass helper functions. Uncomment:
+output_style = :compact
+relative_assets = true

data/test/fixtures/stylesheets/relative/css/ie.css

@@ -0,0 +1 @@
+/* Welcome to Compass. Use this file to write IE specific override styles. Import this file using the following HTML or equivalent: <!--[if IE]> <link href="/stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" /> <![endif]--> */

data/test/fixtures/stylesheets/relative/css/print.css

@@ -0,0 +1 @@
+/* Welcome to Compass. Use this file to define print styles. Import this file using the following HTML or equivalent: <link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" /> */

data/test/fixtures/stylesheets/relative/css/screen.css

@@ -0,0 +1 @@
+test { background: url('../assets/images/testing.png?<%= File.mtime(File.join(Compass.configuration.project_path, 'assets', 'images', 'testing.png')).strftime("%s") %>'); }

data/test/fixtures/stylesheets/relative/sass/ie.sass

@@ -0,0 +1,5 @@
+/* Welcome to Compass. Use this file to write IE specific override styles.
+   Import this file using the following HTML or equivalent:
+   <!--[if IE]>
+     <link href="/stylesheets/ie.css" media="screen, projection" rel="stylesheet" type="text/css" />
+   <![endif]-->

data/test/fixtures/stylesheets/relative/sass/print.sass

@@ -0,0 +1,3 @@
+/* Welcome to Compass. Use this file to define print styles.
+   Import this file using the following HTML or equivalent:
+   <link href="/stylesheets/print.css" media="print" rel="stylesheet" type="text/css" />

data/test/fixtures/stylesheets/relative/sass/screen.sass

@@ -0,0 +1,2 @@
+test
+  background: image_url(unquote("testing.png"))

data/test/fixtures/stylesheets/valid/config.rb

@@ -0,0 +1,9 @@
+# Require any additional compass plugins here.
+css_dir = "tmp"
+sass_dir = "sass"
+images_dir = "assets/images"
+javascripts_dir = "assets/javascripts"
+# Set this to the root of your project when deployed:
+http_path = "/"
+# To enable relative paths to assets via compass helper functions. Uncomment:
+relative_assets = true

data/test/fixtures/stylesheets/valid/sass/simple.sass

@@ -0,0 +1,2 @@
+div
+  color: red

data/test/helpers/command_line.rb

@@ -0,0 +1,114 @@
+require 'timeout'
+
+module Compass::CommandLineHelper
+  def compass(*arguments)
+    options = arguments.last.is_a?(Hash) ? arguments.pop : {}
+    options[:wait] = 0.25
+    if block_given?
+      responder = Responder.new
+      yield responder
+      IO.popen("-", "r+") do |io|
+        if io
+          #parent process
+          output = ""
+          eof_at = nil
+          while !eof_at || (Time.now - eof_at < options[:wait])
+            if io.eof?
+              eof_at ||= Time.now
+              sleep 0.1
+            else
+              eof_at = nil
+              timeout(1) do
+                partial_output = io.readpartial(1024)
+                # puts "))))#{partial_output}((((("
+                output << partial_output
+              end
+              prompt = output.split("\n").last.strip
+              if response = responder.response_for(prompt)
+                io.puts response
+                io.flush
+              end
+            end
+          end
+          responder.assert_required_responses!
+          @last_result = decolorize(output)
+        else
+          #child process
+          execute *arguments
+        end
+      end
+    else
+      @last_error = capture_warning do
+        @last_result = decolorize(capture_output do
+          @last_exit_code = execute *arguments
+        end)
+      end
+    end
+  rescue Timeout::Error
+    fail "Read from child process timed out"
+  end
+
+  def decolorize(str)
+    str.gsub(/\e\[\d+m/,'')
+  end
+
+  class Responder
+    Response = Struct.new(:prompt, :text, :required, :responded)
+    def initialize
+      @responses = []
+    end
+    def respond_to(prompt, options = {})
+      @responses << Response.new(prompt, options[:with], options[:required])
+    end
+    def response_for(prompt)
+      response = @responses.detect do |r|
+        case r.prompt
+        when Regexp
+          prompt =~ r.prompt
+        when String
+          r.prompt == prompt
+        end
+      end
+      if response
+        response.responded = true
+        response.text
+      end
+    end
+    def assert_required_responses!
+      @responses.each do |response|
+        if response.required && !response.responded
+          raise "Prompt not encountered: \"#{response.prompt}\""
+        end
+      end
+    end
+  end
+
+  def assert_action_performed(action, path)
+    actions_found = []
+    @last_result.split("\n").each do |line|
+      line = line.split
+      return if line.first == action.to_s && line.last == path
+      actions_found << line.first if line.last == path
+    end
+    message = "Action #{action.inspect} was not performed on: #{path}."
+    message += "The following actions were performed: #{actions_found.map{|a|a.inspect}.join(", ")}" if actions_found.any?
+    # puts @last_result
+    fail message
+  end
+
+  def within_tmp_directory(dir = "tmp")
+    d = absolutize(dir)
+    FileUtils.mkdir_p(d)
+    Dir.chdir(d) do
+      yield
+    end
+  ensure
+    FileUtils.rm_rf(d)
+  end
+
+  def execute(*arguments)
+    exit_code = Compass::Exec::SubCommandUI.new(arguments).run!
+    # fail "Command Failed with exit code: #{exit_code}" unless exit_code == 0
+    exit_code
+  end
+end