jwhitmire-haml 2.1.0.1

data/test/sass/functions_test.rb

@@ -0,0 +1,96 @@
+require 'test/unit'
+require File.dirname(__FILE__) + '/../../lib/sass'
+require 'sass/script'
+
+class SassFunctionTest < Test::Unit::TestCase
+  def test_hsl
+    # These tests adapted from the w3c browser tests
+    # http://www.w3.org/Style/CSS/Test/CSS3/Color/20070927/html4/t040204-hsl-h-rotating-b.htm
+    red = [255, 0, 0]
+    assert_rgb_hsl(red, ['0', '100%', '50%'])
+    assert_rgb_hsl(red, ['-360', '100%', '50%'])
+    assert_rgb_hsl(red, ['360', '100%', '50%'])
+    assert_rgb_hsl(red, ['6120', '100%', '50%'])
+
+    yellow = [255, 255, 0]
+    assert_rgb_hsl(yellow, ['60', '100%', '50%'])
+    assert_rgb_hsl(yellow, ['-300', '100%', '50%'])
+    assert_rgb_hsl(yellow, ['420', '100%', '50%'])
+    assert_rgb_hsl(yellow, ['-9660', '100%', '50%'])
+
+    green = [0, 255, 0]
+    assert_rgb_hsl(green, ['120', '100%', '50%'])
+    assert_rgb_hsl(green, ['-240', '100%', '50%'])
+    assert_rgb_hsl(green, ['480', '100%', '50%'])
+    assert_rgb_hsl(green, ['99840', '100%', '50%'])
+
+    cyan = [0, 255, 255]
+    assert_rgb_hsl(cyan, ['180', '100%', '50%'])
+    assert_rgb_hsl(cyan, ['-180', '100%', '50%'])
+    assert_rgb_hsl(cyan, ['540', '100%', '50%'])
+    assert_rgb_hsl(cyan, ['-900', '100%', '50%'])
+
+    blue = [0, 0, 255]
+    assert_rgb_hsl(blue, ['240', '100%', '50%'])
+    assert_rgb_hsl(blue, ['-120', '100%', '50%'])
+    assert_rgb_hsl(blue, ['600', '100%', '50%'])
+    assert_rgb_hsl(blue, ['-104880', '100%', '50%'])
+
+    purple = [255, 0, 255]
+    assert_rgb_hsl(purple, ['300', '100%', '50%'])
+    assert_rgb_hsl(purple, ['-60', '100%', '50%'])
+    assert_rgb_hsl(purple, ['660', '100%', '50%'])
+    assert_rgb_hsl(purple, ['2820', '100%', '50%'])
+  end
+
+  def test_hsl_checks_bounds
+    assert_error_message("Saturation -114 must be between 0% and 100% for `hsl'", "hsl(10, -114, 12)");
+    assert_error_message("Lightness 256 must be between 0% and 100% for `hsl'", "hsl(10, 10, 256%)");
+  end
+
+  def test_percentage
+    assert_equal("50%",  evaluate("percentage(.5)"))
+    assert_equal("100%", evaluate("percentage(1)"))
+    assert_equal("25%",  evaluate("percentage(25px / 100px)"))
+    assert_error_message("25px is not a unitless number for `percentage'", "percentage(25px)")
+    assert_error_message("#cccccc is not a unitless number for `percentage'", "percentage(#ccc)")
+    assert_error_message("string is not a unitless number for `percentage'", %Q{percentage("string")})
+  end
+
+  def test_numeric_transformations
+    assert_equal("5",   evaluate("round(4.8)"))
+    assert_equal("5px", evaluate("round(4.8px)"))
+    assert_equal("5px", evaluate("round(5.49px)"))
+    assert_equal("4",   evaluate("floor(4.8)"))
+    assert_equal("4px", evaluate("floor(4.8px)"))
+    assert_equal("5",   evaluate("ceil(4.1)"))
+    assert_equal("5px", evaluate("ceil(4.8px)"))
+    assert_equal("5",   evaluate("abs(-5)"))
+    assert_equal("5px", evaluate("abs(-5px)"))
+    assert_equal("5",   evaluate("abs(5)"))
+    assert_equal("5px", evaluate("abs(5px)"))
+    assert_error_message("#cccccc is not a number for `round'", "round(#ccc)")
+    assert_error_message("foo is not a number for `floor'", "floor(\"foo\")")
+    assert_error_message("a is not a number for `ceil'", "ceil(\"a\")")
+    assert_error_message("#aaaaaa is not a number for `abs'", "abs(#aaa)")
+  end
+
+  private
+
+  def assert_rgb_hsl(rgb, hsl)
+    hsl = hsl.map {|v| Sass::Script::Parser.parse v, 0, 0 }
+    assert_equal(rgb, Sass::Script::Functions.hsl(*hsl).value)
+  end
+
+  def evaluate(value)
+    Sass::Script::Parser.parse(value, 0, 0).perform({}).to_s
+  end
+
+  def assert_error_message(message, value)
+    evaluate(value)
+    flunk("Error message expected but not raised: #{message}")
+  rescue Sass::SyntaxError => e
+    assert_equal(message, e.message)
+  end
+
+end

data/test/sass/more_results/more1.css

@@ -0,0 +1,9 @@
+body { font: Arial; background: blue; }
+
+#page { width: 700px; height: 100; }
+#page #header { height: 300px; }
+#page #header h1 { font-size: 50px; color: blue; }
+
+#content.user.show #container.top #column.left { width: 100px; }
+#content.user.show #container.top #column.right { width: 600px; }
+#content.user.show #container.bottom { background: brown; }

data/test/sass/more_results/more1_with_line_comments.css

@@ -0,0 +1,26 @@
+/* line 3, ../more_templates/more1.sass */
+body {
+  font: Arial;
+  background: blue; }
+
+/* line 7, ../more_templates/more1.sass */
+#page {
+  width: 700px;
+  height: 100; }
+  /* line 10, ../more_templates/more1.sass */
+  #page #header {
+    height: 300px; }
+    /* line 12, ../more_templates/more1.sass */
+    #page #header h1 {
+      font-size: 50px;
+      color: blue; }
+
+/* line 18, ../more_templates/more1.sass */
+#content.user.show #container.top #column.left {
+  width: 100px; }
+/* line 20, ../more_templates/more1.sass */
+#content.user.show #container.top #column.right {
+  width: 600px; }
+/* line 22, ../more_templates/more1.sass */
+#content.user.show #container.bottom {
+  background: brown; }

data/test/sass/more_results/more_import.css

@@ -0,0 +1,29 @@
+imported { otherconst: hello; myconst: goodbye; pre-mixin: here; }
+
+body { font: Arial; background: blue; }
+
+#page { width: 700px; height: 100; }
+#page #header { height: 300px; }
+#page #header h1 { font-size: 50px; color: blue; }
+
+#content.user.show #container.top #column.left { width: 100px; }
+#content.user.show #container.top #column.right { width: 600px; }
+#content.user.show #container.bottom { background: brown; }
+
+midrule { inthe: middle; }
+
+body { font: Arial; background: blue; }
+
+#page { width: 700px; height: 100; }
+#page #header { height: 300px; }
+#page #header h1 { font-size: 50px; color: blue; }
+
+#content.user.show #container.top #column.left { width: 100px; }
+#content.user.show #container.top #column.right { width: 600px; }
+#content.user.show #container.bottom { background: brown; }
+
+@import url(basic.css);
+@import url(../results/complex.css);
+#foo { background-color: #baf; }
+
+nonimported { myconst: hello; otherconst: goodbye; post-mixin: here; }

data/test/sass/more_templates/_more_partial.sass

@@ -0,0 +1,2 @@
+#foo
+  :background-color #baf

data/test/sass/more_templates/more1.sass

@@ -0,0 +1,23 @@
+
+
+body  
+  :font Arial
+  :background blue
+
+#page
+  :width 700px
+  :height 100
+  #header
+    :height 300px
+    h1
+      :font-size 50px
+      :color     blue
+
+#content.user.show
+  #container.top
+    #column.left
+      :width 100px
+    #column.right
+      :width 600px
+  #container.bottom
+    :background brown

data/test/sass/more_templates/more_import.sass

@@ -0,0 +1,11 @@
+!preconst = "hello"
+
+=premixin
+  pre-mixin: here
+
+@import importee, basic, basic.css, ../results/complex.css, more_partial
+
+nonimported
+  :myconst = !preconst
+  :otherconst = !postconst
+  +postmixin

data/test/sass/plugin_test.rb

@@ -0,0 +1,208 @@
+#!/usr/bin/env ruby
+require File.dirname(__FILE__) + '/../test_helper'
+require 'sass/plugin'
+require 'fileutils'
+
+class SassPluginTest < Test::Unit::TestCase
+  @@templates = %w{
+    complex script parent_ref import alt
+    subdir/subdir subdir/nested_subdir/nested_subdir
+  }
+
+  def setup
+    FileUtils.mkdir tempfile_loc
+    FileUtils.mkdir tempfile_loc(nil,"more_")
+    set_plugin_opts
+    Sass::Plugin.update_stylesheets
+  end
+
+  def teardown
+    FileUtils.rm_r tempfile_loc
+    FileUtils.rm_r tempfile_loc(nil,"more_")
+  end
+
+  def test_templates_should_render_correctly
+    @@templates.each { |name| assert_renders_correctly(name) }
+  end
+
+  def test_no_update
+    File.delete(tempfile_loc('basic'))
+    assert Sass::Plugin.stylesheet_needs_update?('basic', template_loc, tempfile_loc)
+    Sass::Plugin.update_stylesheets
+    assert !Sass::Plugin.stylesheet_needs_update?('basic', template_loc, tempfile_loc)
+  end
+
+  def test_update_needed_when_modified
+    sleep(1)
+    FileUtils.touch(template_loc('basic'))
+    assert Sass::Plugin.stylesheet_needs_update?('basic', template_loc, tempfile_loc)
+    Sass::Plugin.update_stylesheets
+    assert !Sass::Plugin.stylesheet_needs_update?('basic', template_loc, tempfile_loc)
+  end
+
+  def test_update_needed_when_dependency_modified
+    sleep(1)
+    FileUtils.touch(template_loc('basic'))
+    assert Sass::Plugin.stylesheet_needs_update?('import', template_loc, tempfile_loc)
+    Sass::Plugin.update_stylesheets
+    assert !Sass::Plugin.stylesheet_needs_update?('import', template_loc, tempfile_loc)
+  end
+
+  def test_full_exception_handling
+    File.delete(tempfile_loc('bork'))
+    Sass::Plugin.update_stylesheets
+    File.open(tempfile_loc('bork')) do |file|
+      assert_equal("/*\nSass::SyntaxError: Undefined variable: \"!bork\".\non line 2 of #{template_loc('bork')}\n\n1: bork\n2:   :bork= !bork", file.read.split("\n")[0...6].join("\n"))
+    end
+    File.delete(tempfile_loc('bork'))
+  end
+
+  def test_nonfull_exception_handling
+    Sass::Plugin.options[:full_exception] = false
+
+    File.delete(tempfile_loc('bork'))
+    Sass::Plugin.update_stylesheets
+    assert_equal("/* Internal stylesheet error */", File.read(tempfile_loc('bork')))
+    File.delete(tempfile_loc('bork'))
+
+    Sass::Plugin.options[:full_exception] = true
+  end
+  
+  def test_two_template_directories
+    set_plugin_opts :template_location => {
+      template_loc => tempfile_loc,
+      template_loc(nil,'more_') => tempfile_loc(nil,'more_')
+    }
+    Sass::Plugin.update_stylesheets
+    ['more1', 'more_import'].each { |name| assert_renders_correctly(name, :prefix => 'more_') }
+  end
+
+  def test_two_template_directories_with_line_annotations
+    set_plugin_opts :line_comments => true,
+                    :style => :nested,
+                    :template_location => {
+                      template_loc => tempfile_loc,
+                      template_loc(nil,'more_') => tempfile_loc(nil,'more_')
+                    }
+    Sass::Plugin.update_stylesheets
+    assert_renders_correctly('more1_with_line_comments', 'more1', :prefix => 'more_')
+  end
+
+  def test_rails_update    
+    File.delete(tempfile_loc('basic'))
+    assert Sass::Plugin.stylesheet_needs_update?('basic', template_loc, tempfile_loc)
+
+    ActionController::Base.new.process
+
+    assert !Sass::Plugin.stylesheet_needs_update?('basic', template_loc, tempfile_loc)
+  end
+
+  def test_merb_update
+    begin
+      require 'merb'
+    rescue LoadError
+      puts "\nmerb couldn't be loaded, skipping a test"
+      return
+    end
+    
+    require 'sass/plugin/merb'
+    if defined?(MerbHandler)
+      MerbHandler.send(:define_method, :process_without_sass) { |*args| }
+    else
+      Merb::Rack::Application.send(:define_method, :call_without_sass) { |*args| }
+    end
+
+    set_plugin_opts
+
+    File.delete(tempfile_loc('basic'))
+    assert Sass::Plugin.stylesheet_needs_update?('basic', template_loc, tempfile_loc)
+    
+    if defined?(MerbHandler)
+      MerbHandler.new('.').process nil, nil
+    else
+      Merb::Rack::Application.new.call(::Rack::MockRequest.env_for('/'))
+    end
+
+    assert !Sass::Plugin.stylesheet_needs_update?('basic', template_loc, tempfile_loc)
+  end
+
+  def test_doesnt_render_partials
+    assert !File.exists?(tempfile_loc('_partial'))
+  end
+
+ private
+
+  def assert_renders_correctly(*arguments)
+    options = arguments.last.is_a?(Hash) ? arguments.pop : {}
+    prefix = options[:prefix]
+    result_name = arguments.shift
+    tempfile_name = arguments.shift || result_name
+    expected_lines = File.read(result_loc(result_name, prefix)).split("\n")
+    actual_lines = File.read(tempfile_loc(tempfile_name, prefix)).split("\n")
+    expected_lines.zip(actual_lines).each_with_index do |pair, line|
+      message = "template: #{result_name}\nline:     #{line + 1}"
+      assert_equal(pair.first, pair.last, message)
+    end
+    if expected_lines.size < actual_lines.size
+      assert(false, "#{actual_lines.size - expected_lines.size} Trailing lines found in #{tempfile_name}.css: #{actual_lines[expected_lines.size..-1].join('\n')}")
+    end
+  end
+
+  def template_loc(name = nil, prefix = nil)
+    if name
+      absolutize "#{prefix}templates/#{name}.sass"
+    else
+      absolutize "#{prefix}templates"
+    end
+  end
+
+  def tempfile_loc(name = nil, prefix = nil)
+    if name
+      absolutize "#{prefix}tmp/#{name}.css"
+    else
+      absolutize "#{prefix}tmp"
+    end
+  end
+
+  def result_loc(name = nil, prefix = nil)
+    if name
+      absolutize "#{prefix}results/#{name}.css"
+    else
+      absolutize "#{prefix}results"
+    end
+  end
+
+  def absolutize(file)
+    "#{File.dirname(__FILE__)}/#{file}"
+  end
+
+  def set_plugin_opts(overrides = {})
+    Sass::Plugin.options = {
+      :template_location => template_loc,
+      :css_location => tempfile_loc,
+      :style => :compact,
+      :load_paths => [result_loc],
+      :always_update => true,
+    }.merge(overrides)
+  end
+end
+
+module Sass::Plugin
+  class << self
+    public :stylesheet_needs_update?
+  end
+end
+
+class Sass::Engine
+  alias_method :old_render, :render
+
+  def render
+    raise "bork bork bork!" if @template[0] == "{bork now!}"
+    old_render
+  end
+end
+
+class ActionController::Base
+  undef :sass_old_process
+  def sass_old_process(*args); end
+end

data/test/sass/results/alt.css

@@ -0,0 +1,4 @@
+h1 { float: left; width: 274px; height: 75px; margin: 0; background-repeat: no-repeat; background-image: none; }
+h1 a:hover, h1 a:visited { color: green; }
+h1 b:hover { color: red; background-color: green; }
+h1 const { nosp: 3; sp: 3; }

data/test/sass/results/basic.css

@@ -0,0 +1,9 @@
+body { font: Arial; background: blue; }
+
+#page { width: 700px; height: 100; }
+#page #header { height: 300px; }
+#page #header h1 { font-size: 50px; color: blue; }
+
+#content.user.show #container.top #column.left { width: 100px; }
+#content.user.show #container.top #column.right { width: 600px; }
+#content.user.show #container.bottom { background: brown; }

data/test/sass/results/compact.css

@@ -0,0 +1,5 @@
+#main { width: 15em; color: #0000ff; }
+#main p { border-style: dotted; /* Nested comment More nested stuff */ border-width: 2px; }
+#main .cool { width: 100px; }
+
+#left { font-size: 2em; font-weight: bold; float: left; }

data/test/sass/results/complex.css

@@ -0,0 +1,87 @@
+body { margin: 0; font: 0.85em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; color: #fff; background: url(/images/global_bg.gif); }
+
+#page { width: 900px; margin: 0 auto; background: #440008; border-top-width: 5px; border-top-style: solid; border-top-color: #ff8500; }
+
+#header { height: 75px; padding: 0; }
+#header h1 { float: left; width: 274px; height: 75px; margin: 0; background-image: url(/images/global_logo.gif); /* Crazy nested comment */ background-repeat: no-repeat; text-indent: -9999px; }
+#header .status { float: right; padding-top: .5em; padding-left: .5em; padding-right: .5em; padding-bottom: 0; }
+#header .status p { float: left; margin-top: 0; margin-right: 0.5em; margin-bottom: 0; margin-left: 0; }
+#header .status ul { float: left; margin: 0; padding: 0; }
+#header .status li { list-style-type: none; display: inline; margin: 0 5px; }
+#header .status a:link, #header .status a:visited { color: #ff8500; text-decoration: none; }
+#header .status a:hover { text-decoration: underline; }
+#header .search { float: right; clear: right; margin: 12px 0 0 0; }
+#header .search form { margin: 0; }
+#header .search input { margin: 0 3px 0 0; padding: 2px; border: none; }
+
+#menu { clear: both; text-align: right; height: 20px; border-bottom: 5px solid #006b95; background: #00a4e4; }
+#menu .contests ul { margin: 0 5px 0 0; padding: 0; }
+#menu .contests ul li { list-style-type: none; margin: 0 5px; padding: 5px 5px 0 5px; display: inline; font-size: 1.1em; color: #fff; background: #00a4e4; }
+#menu .contests ul li / This rule isn't a comment! { red: green; }
+#menu .contests a:link, #menu .contests a:visited { color: #fff; text-decoration: none; font-weight: bold; }
+#menu .contests a:hover { text-decoration: underline; }
+
+#content { clear: both; }
+#content .container { clear: both; }
+#content .container .column { float: left; }
+#content .container .column .right { float: right; }
+#content a:link, #content a:visited { color: #93d700; text-decoration: none; }
+#content a:hover { text-decoration: underline; }
+
+#content p, #content div { width: 40em; }
+#content p li, #content p dt, #content p dd, #content div li, #content div dt, #content div dd { color: #ddffdd; background-color: #4792bb; }
+#content .container.video .column.left { width: 200px; }
+#content .container.video .column.left .box { margin-top: 10px; }
+#content .container.video .column.left .box p { margin: 0 1em auto 1em; }
+#content .container.video .column.left .box.participants img { float: left; margin: 0 1em auto 1em; border: 1px solid #6e000d; border-style: solid; }
+#content .container.video .column.left .box.participants h2 { margin: 0 0 10px 0; padding: 0.5em; /* The background image is a gif! */ background: #6e000d url(/images/hdr_participant.gif) 2px 2px no-repeat; /* Okay check this out Multiline comments Wow dude I mean seriously, WOW */ text-indent: -9999px; border-top-width: 5px; border-top-style: solid; border-top-color: #a20013; border-right-width: 1px; border-right-style: dotted; }
+#content .container.video .column.middle { width: 500px; }
+#content .container.video .column.right { width: 200px; }
+#content .container.video .column.right .box { margin-top: 0; }
+#content .container.video .column.right .box p { margin: 0 1em auto 1em; }
+#content .container.video .column p { margin-top: 0; }
+
+#content.contests .container.information .column.right .box { margin: 1em 0; }
+#content.contests .container.information .column.right .box.videos .thumbnail img { width: 200px; height: 150px; margin-bottom: 5px; }
+#content.contests .container.information .column.right .box.videos a:link, #content.contests .container.information .column.right .box.videos a:visited { color: #93d700; text-decoration: none; }
+#content.contests .container.information .column.right .box.videos a:hover { text-decoration: underline; }
+#content.contests .container.information .column.right .box.votes a { display: block; width: 200px; height: 60px; margin: 15px 0; background: url(/images/btn_votenow.gif) no-repeat; text-indent: -9999px; outline: none; border: none; }
+#content.contests .container.information .column.right .box.votes h2 { margin: 52px 0 10px 0; padding: 0.5em; background: #6e000d url(/images/hdr_videostats.gif) 2px 2px no-repeat; text-indent: -9999px; border-top: 5px solid #a20013; }
+
+#content.contests .container.video .box.videos h2 { margin: 0; padding: 0.5em; background: #6e000d url(/images/hdr_newestclips.gif) 2px 2px no-repeat; text-indent: -9999px; border-top: 5px solid #a20013; }
+#content.contests .container.video .box.videos table { width: 100; }
+#content.contests .container.video .box.videos table td { padding: 1em; width: 25; vertical-align: top; }
+#content.contests .container.video .box.videos table td p { margin: 0 0 5px 0; }
+#content.contests .container.video .box.videos table td a:link, #content.contests .container.video .box.videos table td a:visited { color: #93d700; text-decoration: none; }
+#content.contests .container.video .box.videos table td a:hover { text-decoration: underline; }
+#content.contests .container.video .box.videos .thumbnail { float: left; }
+#content.contests .container.video .box.videos .thumbnail img { width: 80px; height: 60px; margin: 0 10px 0 0; border: 1px solid #6e000d; }
+
+#content .container.comments .column { margin-top: 15px; }
+#content .container.comments .column.left { width: 600px; }
+#content .container.comments .column.left .box ol { margin: 0; padding: 0; }
+#content .container.comments .column.left .box li { list-style-type: none; padding: 10px; margin: 0 0 1em 0; background: #6e000d; border-top: 5px solid #a20013; }
+#content .container.comments .column.left .box li div { margin-bottom: 1em; }
+#content .container.comments .column.left .box li ul { text-align: right; }
+#content .container.comments .column.left .box li ul li { display: inline; border: none; padding: 0; }
+#content .container.comments .column.right { width: 290px; padding-left: 10px; }
+#content .container.comments .column.right h2 { margin: 0; padding: 0.5em; background: #6e000d url(/images/hdr_addcomment.gif) 2px 2px no-repeat; text-indent: -9999px; border-top: 5px solid #a20013; }
+#content .container.comments .column.right .box textarea { width: 290px; height: 100px; border: none; }
+
+#footer { margin-top: 10px; padding: 1.2em 1.5em; background: #ff8500; }
+#footer ul { margin: 0; padding: 0; list-style-type: none; }
+#footer ul li { display: inline; margin: 0 0.5em; color: #440008; }
+#footer ul.links { float: left; }
+#footer ul.links a:link, #footer ul.links a:visited { color: #440008; text-decoration: none; }
+#footer ul.links a:hover { text-decoration: underline; }
+#footer ul.copyright { float: right; }
+
+.clear { clear: both; }
+
+.centered { text-align: center; }
+
+img { border: none; }
+
+button.short { width: 60px; height: 22px; padding: 0 0 2px 0; color: #fff; border: none; background: url(/images/btn_short.gif) no-repeat; }
+
+table { border-collapse: collapse; }

data/test/sass/results/compressed.css

@@ -0,0 +1 @@
+#main{width:15em;color:#0000ff}#main p{border-style:dotted;border-width:2px}#main .cool{width:100px}#left{font-size:2em;font-weight:bold;float:left}

data/test/sass/results/expanded.css

@@ -0,0 +1,19 @@
+#main {
+  width: 15em;
+  color: #0000ff;
+}
+#main p {
+  border-style: dotted;
+  /* Nested comment
+   * More nested stuff */
+  border-width: 2px;
+}
+#main .cool {
+  width: 100px;
+}
+
+#left {
+  font-size: 2em;
+  font-weight: bold;
+  float: left;
+}

data/test/sass/results/import.css

@@ -0,0 +1,29 @@
+imported { otherconst: hello; myconst: goodbye; pre-mixin: here; }
+
+body { font: Arial; background: blue; }
+
+#page { width: 700px; height: 100; }
+#page #header { height: 300px; }
+#page #header h1 { font-size: 50px; color: blue; }
+
+#content.user.show #container.top #column.left { width: 100px; }
+#content.user.show #container.top #column.right { width: 600px; }
+#content.user.show #container.bottom { background: brown; }
+
+midrule { inthe: middle; }
+
+body { font: Arial; background: blue; }
+
+#page { width: 700px; height: 100; }
+#page #header { height: 300px; }
+#page #header h1 { font-size: 50px; color: blue; }
+
+#content.user.show #container.top #column.left { width: 100px; }
+#content.user.show #container.top #column.right { width: 600px; }
+#content.user.show #container.bottom { background: brown; }
+
+@import url(basic.css);
+@import url(../results/complex.css);
+#foo { background-color: #baf; }
+
+nonimported { myconst: hello; otherconst: goodbye; post-mixin: here; }

data/test/sass/results/line_numbers.css

@@ -0,0 +1,49 @@
+/* line 1, ../templates/line_numbers.sass */
+foo {
+  bar: baz; }
+
+/* line 6, ../templates/importee.sass */
+imported {
+  otherconst: 12;
+  myconst: goodbye; }
+  /* line 5, ../templates/line_numbers.sass */
+  imported squggle {
+    blat: bang; }
+
+/* line 3, ../templates/basic.sass */
+body {
+  font: Arial;
+  background: blue; }
+
+/* line 7, ../templates/basic.sass */
+#page {
+  width: 700px;
+  height: 100; }
+  /* line 10, ../templates/basic.sass */
+  #page #header {
+    height: 300px; }
+    /* line 12, ../templates/basic.sass */
+    #page #header h1 {
+      font-size: 50px;
+      color: blue; }
+
+/* line 18, ../templates/basic.sass */
+#content.user.show #container.top #column.left {
+  width: 100px; }
+/* line 20, ../templates/basic.sass */
+#content.user.show #container.top #column.right {
+  width: 600px; }
+/* line 22, ../templates/basic.sass */
+#content.user.show #container.bottom {
+  background: brown; }
+
+/* line 13, ../templates/importee.sass */
+midrule {
+  inthe: middle; }
+
+/* line 12, ../templates/line_numbers.sass */
+umph {
+  foo: bar; }
+  /* line 18, ../templates/importee.sass */
+  umph baz {
+    blat: bang; }