wireframe-haml 2.1.0

data/test/sass/templates/complex.sass

@@ -0,0 +1,309 @@
+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
+    :style solid
+    :color #ff8500
+
+#header
+  :height  75px
+  :padding 0
+  h1
+    :float  left
+    :width  274px
+    :height 75px
+    :margin 0
+    :background
+      :image url(/images/global_logo.gif)
+      /* Crazy nested comment
+      :repeat no-repeat
+    :text-indent -9999px
+  .status
+    :float   right
+    :padding
+      :top .5em
+      :left .5em
+      :right .5em
+      :bottom 0
+    p
+      :float  left
+      :margin
+        :top 0
+        :right 0.5em
+        :bottom 0
+        :left 0
+    ul
+      :float   left
+      :margin  0
+      :padding 0
+    li
+      :list-style-type none
+      :display inline
+      :margin 0 5px
+    a:link, a:visited
+      :color #ff8500
+      :text-decoration none
+    a:hover
+      :text-decoration underline
+  .search
+    :float  right
+    :clear  right
+    :margin 12px 0 0 0
+    form
+      :margin 0
+    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
+  .contests
+    ul
+      :margin 0 5px 0 0
+      :padding 0
+      li 
+        :list-style-type none
+        :margin 0 5px
+        :padding 5px 5px 0 5px
+        :display inline
+        :font-size 1.1em
+        // This comment is properly indented
+        :color #fff
+        :background #00a4e4
+        / This rule isn't a comment!
+          :red green
+    a:link, a:visited
+      :color #fff
+      :text-decoration none
+      :font-weight bold
+    a:hover
+      :text-decoration underline
+
+//General content information
+#content
+  :clear both
+  .container
+    :clear both
+    .column
+      :float left
+      .left
+      .middle
+      .right
+        :float right
+  a:link, a:visited
+    :color #93d700
+    :text-decoration none
+  a:hover
+    :text-decoration underline
+
+// A hard tab:
+	
+
+#content
+  p, div
+    :width 40em
+    li, dt, dd
+      :color #ddffdd
+      :background-color #4792bb
+  .container.video
+    .column.left
+      :width 200px
+      .box
+        :margin-top 10px
+        p 
+          :margin 0 1em auto 1em
+      .box.participants 
+        img
+          :float  left
+          :margin 0 1em auto 1em
+          :border 1px solid #6e000d
+            :style solid
+        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
+          // And also...
+            Multiline comments that don't output!
+            Snazzy, no?
+          :border
+            :top
+              :width 5px
+              :style solid
+              :color #a20013
+            :right
+              :width 1px
+              :style dotted
+    .column.middle
+      :width 500px
+    .column.right
+      :width 200px
+      .box
+        :margin-top 0
+        p
+          :margin 0 1em auto 1em
+    .column
+      p
+        :margin-top 0
+
+#content.contests
+  .container.information 
+    .column.right 
+      .box
+        :margin 1em 0
+      .box.videos
+        .thumbnail img 
+          :width         200px
+          :height        150px
+          :margin-bottom 5px
+        a:link, a:visited
+          :color #93d700
+          :text-decoration none
+        a:hover
+          :text-decoration underline
+      .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
+        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
+      table
+        :width 100
+        td 
+          :padding 1em
+          :width 25
+          :vertical-align top
+          p
+            :margin 0 0 5px 0
+          a:link, a:visited    
+            :color #93d700
+            :text-decoration none
+          a:hover
+            :text-decoration underline
+      .thumbnail
+        :float left
+        img
+          :width  80px
+          :height 60px
+          :margin 0 10px 0 0
+          :border 1px solid #6e000d
+
+#content 
+  .container.comments 
+    .column
+      :margin-top 15px
+    .column.left
+      :width 600px
+      .box 
+        ol
+          :margin  0
+          :padding 0
+        li
+          :list-style-type none
+          :padding 10px
+          :margin 0 0 1em 0
+          :background #6e000d
+          :border-top 5px solid #a20013
+          div
+            :margin-bottom 1em
+          ul
+            :text-align right
+            li
+              :display inline
+              :border none
+              :padding 0
+    .column.right
+      :width        290px
+      :padding-left 10px
+      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
+      .box
+        textarea
+          :width  290px
+          :height 100px
+          :border none
+
+#footer
+  :margin-top 10px
+  :padding    1.2em 1.5em
+  :background #ff8500
+  ul
+    :margin 0
+    :padding 0
+    :list-style-type none
+    li
+      :display inline
+      :margin  0 0.5em
+      :color   #440008
+  ul.links
+    :float left
+    a:link, a:visited
+      :color #440008
+      :text-decoration none
+    a:hover
+      :text-decoration underline
+  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/templates/compressed.sass

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

data/test/sass/templates/expanded.sass

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

data/test/sass/templates/import.sass

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

data/test/sass/templates/importee.sass

@@ -0,0 +1,19 @@
+!postconst = "goodbye"
+
+=postmixin
+  post-mixin: here
+
+imported
+  :otherconst = !preconst
+  :myconst = !postconst
+  +premixin
+
+@import basic
+
+midrule
+  :inthe middle
+
+=crazymixin
+  foo: bar
+  baz
+    blat: bang

data/test/sass/templates/line_numbers.sass

@@ -0,0 +1,13 @@
+foo
+  bar: baz
+
+=premixin
+  squggle
+    blat: bang
+
+!preconst = 12
+
+@import importee
+
+umph
+  +crazymixin

data/test/sass/templates/mixins.sass

@@ -0,0 +1,76 @@
+!yellow = #fc0
+
+=bordered
+  :border
+    :top
+      :width 2px
+      :color = !yellow
+    :left
+      :width 1px
+      :color #000
+  -moz-border-radius: 10px
+
+=header-font
+  :color #f00
+  :font
+    :size 20px
+
+=compound
+  +header-font
+  +bordered
+
+=complex
+  +header-font
+  text:
+    decoration: none
+  &:after
+    content: "."
+    display: block
+    height: 0
+    clear: both
+    visibility: hidden
+  * html &
+    height: 1px
+    +header-font
+=deep
+  a:hover
+    :text-decoration underline
+    +compound
+
+
+#main
+  :width 15em
+  :color #0000ff
+  p
+    +bordered
+    :border
+      :style dotted
+      :width 2px
+  .cool
+    :width 100px
+
+#left
+  +bordered
+  :font
+    :size 2em
+    :weight bold
+  :float left
+
+#right
+  +bordered
+  +header-font
+  :float right
+
+.bordered
+  +bordered
+
+.complex
+  +complex
+
+.more-complex
+  +complex
+  +deep
+  display: inline
+  -webkit-nonsense:
+    top-right: 1px
+    bottom-left: 1px

data/test/sass/templates/multiline.sass

@@ -0,0 +1,20 @@
+#main,
+#header
+  height: 50px
+  div
+    width: 100px
+    a,
+    em
+      span
+        color: pink
+
+#one,
+#two,
+#three
+  div.nested,
+  span.nested,
+  p.nested
+    :font
+      :weight bold
+    :border-color red
+    :display block

data/test/sass/templates/nested.sass

@@ -0,0 +1,25 @@
+#main
+  :width 15em
+  :color #0000ff
+  p
+    :border
+      :style dotted
+      /* Nested comment
+        More nested stuff
+      :width 2px
+  .cool
+    :width 100px
+
+#left
+  :font
+    :size 2em
+    :weight bold
+  :float left
+
+#right
+  .header
+    :border-style solid
+  .body
+    :border-style dotted
+  .footer
+    :border-style dashed

data/test/sass/templates/parent_ref.sass

@@ -0,0 +1,25 @@
+a
+  :color #000
+  &:hover
+    :color #f00
+
+p, div
+  :width 100em
+  & foo
+    :width 10em
+  &:hover, bar
+    :height 20em
+
+#cool
+  :border
+    :style solid
+    :width 2em
+  .ie7 &, .ie6 &
+    :content string(Totally not cool.)
+  .firefox &
+    :content string(Quite cool.)
+
+.wow, .snazzy
+  :font-family fantasy
+  &:hover, &:visited
+    :font-weight bold

data/test/sass/templates/script.sass

@@ -0,0 +1,101 @@
+!width = 10em + 20
+!color = #00ff98
+!main_text = #ffa
+!num = 10
+!dec = 10.2
+!dec_0 = 99.0
+!neg = -10
+!esc= 10"+12"
+!str= "Hello!"
+!qstr= "Quo\"ted\"!"
+!hstr= "Hyph-en!"
+!concat = "#{5 + 4} hi there"
+!percent= 11%
+!complex = 1px/1em
+
+#main
+  :content = !str
+  :qstr = !qstr
+  :hstr = !hstr
+  :width = !width
+  :background-color #000
+  :color= !main_text
+  :short-color= #123
+  :named-color= olive
+  :con= "foo" bar (!concat "boom")
+  :con2= "noquo" "quo"
+  #sidebar
+    :background-color= !color
+    :num
+      :normal= !num
+      :dec= !dec
+      :dec0= !dec_0
+      :neg= !neg
+    :esc= !esc
+    :many= 1 + 2 + 3
+    :order= 1 + 2 * 3
+    :complex= ((1 + 2) + 15)+#3a8b9f + ("hi"+(1 +1+ 2)*   4)
+
+#plus
+  :num
+    :num= 5+2
+    :num-un= 10em + 15em
+    :num-un2= 10 + 13em
+    :num-neg= 10 + -.13
+    :str= 100 * 1px
+    :col= 13 + #aaa
+    :perc = !percent + 20%
+  :str
+    :str= "hi" + "\ there"
+    :str2= "hi" + " there"
+    :col= "14em solid " + #123
+    :num= "times: " + 13
+  :col
+    :num= #f02 + 123.5
+    :col= #12A + #405162
+
+#minus
+  :num
+    :num= 912 - 12
+  :col
+    :num= #fffffa - 5.2
+    :col= #abcdef - #fedcba
+  :unary
+    :num= -1
+    :const= -!neg
+    :paren= -(5 + 6)
+    :two= --12
+    :many= --------12
+    :crazy= -----(5 + ---!neg)
+
+#times
+  :num
+    :num= 2 * 3.5
+    :col= 2 * #3a4b5c
+  :col
+    :num= #12468a * 0.5
+    :col= #121212 * #020304
+    
+#div
+  :num
+    :num= 10 / 3.0
+    :num2= 10 / 3
+  :col
+    :num= #12468a / 2
+    :col= #abcdef / #0f0f0f
+  :comp = !complex * 1em
+
+#mod
+  :num
+    :num= 17 % 3
+  :col
+    :col= #5f6e7d % #10200a
+    :num= #aaabac % 3
+
+#const
+  :escaped
+    :quote = "!foo"
+  :default = !str !important
+
+#regression
+  :a= (3 + 2) - 1

data/test/sass/templates/subdir/nested_subdir/_nested_partial.sass

@@ -0,0 +1,2 @@
+#nested
+  :relative true

data/test/sass/templates/subdir/nested_subdir/nested_subdir.sass

@@ -0,0 +1,3 @@
+#pi
+  :width 314px
+    

data/test/sass/templates/subdir/subdir.sass

@@ -0,0 +1,6 @@
+@import nested_subdir/nested_partial.sass
+
+#subdir
+  :font
+    :size 20px
+    :weight bold

data/test/sass/templates/units.sass

@@ -0,0 +1,11 @@
+b
+  :foo= 0.5 * 10px
+  :bar= 10zzz * 12px / 5zzz
+  :baz= percentage(12.0px / 18px)
+  :many-units= 10.0zzz / 3yyy * 12px / 5zzz * 3yyy / 3px * 4em
+  :mm= 5mm + 1cm
+  :pc= 1pc + 12pt
+  :pt= 72pt - 2in
+  :inches= 1in + 2.54cm
+  :more-inches= 1in + ((72pt * 2in) + (36pt * 1in)) / 2.54cm
+  :mixed= (1 + (1em * 6px / 3in)) * 4in / 2em

data/test/test_helper.rb

@@ -0,0 +1,21 @@
+lib_dir = File.dirname(__FILE__) + '/../lib'
+require File.dirname(__FILE__) + '/linked_rails'
+
+require 'test/unit'
+$:.unshift lib_dir unless $:.include?(lib_dir)
+require 'haml'
+require 'sass'
+
+# required because of Sass::Plugin
+unless defined? RAILS_ROOT
+  RAILS_ROOT = '.'
+  MERB_ENV = RAILS_ENV  = 'testing'
+end
+
+class Test::Unit::TestCase
+  def munge_filename(opts)
+    return if opts[:filename]
+    test_name = caller[1].gsub(/^.*`(?:\w+ )*(\w+)'.*$/, '\1')
+    opts[:filename] = "#{test_name}_inline.sass"
+  end
+end