Add more sass spec tests

spec/sass/bem/expected_output.css

@@ -0,0 +1,6 @@
+.testing {
+  margin-bottom: 32px;
+  margin-foobar-bar: 1px;
+  margin-foobar-baz: 2px;
+  margin-hover-baz: 3px;
+  end: 4px; }

spec/sass/bem/input.sass

@@ -0,0 +1,9 @@
+.testing
+  :margin
+    :bottom 32px
+    :foobar
+      :bar 1px
+      :baz 2px
+    :hover
+      :baz 3px
+  :end 4px

spec/sass/extend/expected_output.css

@@ -0,0 +1,13 @@
+.error, .seriousError, .criticalError {
+  border: 1px #f00;
+  background-color: #fdd; }
+
+.seriousError, .criticalError {
+  border-width: 3px; }
+
+.criticalError {
+  position: fixed;
+  top: 10%;
+  bottom: 10%;
+  left: 10%;
+  right: 10%; }

spec/sass/extend/input.sass

@@ -0,0 +1,15 @@
+.error
+  border: 1px #f00
+  background-color: #fdd
+
+.seriousError
+  @extend .error
+  border-width: 3px
+
+.criticalError
+  @extend .seriousError
+  position: fixed
+  top: 10%
+  bottom: 10%
+  left: 10%
+  right: 10%

spec/sass/functions/expected_output.css

@@ -0,0 +1,2 @@
+#sidebar {
+  width: 240px; }

spec/sass/functions/input.sass

@@ -0,0 +1,8 @@
+$grid-width: 40px
+$gutter-width: 10px
+
+@function grid-width($n)
+  @return $n * $grid-width + ($n - 1) * $gutter-width
+
+#sidebar
+  width: grid-width(5)

spec/sass/mixins/expected_output.css

@@ -0,0 +1,18 @@
+input {
+  color: blue;
+  background: red; }
+
+* html #logo {
+  background-image: url(/logo.gif); }
+
+.a + .c, .a + .b {
+  margin: 10px;
+  mix: in; }
+
+.a {
+  mix: in; }
+  .a + b .c, .a + b .b {
+    margin: 10px; }
+
+.a > .c, .a > .b {
+  margin: 10px; }

spec/sass/mixins/input.sass

@@ -0,0 +1,35 @@
+=mixme
+  color: blue
+
+input
+  +mixme
+  background: red
+
+=apply-to-ie6-only
+  * html
+    @content
+
++apply-to-ie6-only
+  #logo
+    background-image: url(/logo.gif)
+
+@mixin inc()
+  mix: in
+
+.a
+  +
+    .c, .b
+      margin: 10px
+      +inc
+
+.a
+  +inc
+  + b
+    .c, .b
+      margin: 10px
+
+
+.a
+  >
+    .c, .b
+      margin: 10px

spec/sass/pseudo/expected_output.css

@@ -0,0 +1,23 @@
+::selection {
+  color: rebeccapurple; }
+
+::-webkit-selection {
+  color: rebeccapurple; }
+
+::-webkit-selection, ::selection {
+  color: rebeccapurple; }
+
+:-webkit-selection {
+  color: rebeccapurple; }
+
+:hover TD {
+  color: red; }
+
+:color red {
+  foo: bar; }
+
+:left DF {
+  hover-foo: bar; }
+
+:nth-child(2n+1) SPAN {
+  foo: bar; }

spec/sass/pseudo/input.sass

@@ -0,0 +1,18 @@
+::selection
+  color: rebeccapurple
+::-webkit-selection
+  color: rebeccapurple
+::-webkit-selection, ::selection
+  color: rebeccapurple
+\:-webkit-selection
+  color: rebeccapurple
+
+\:hover TD
+  color: red
+\:color red
+  foo: bar
+\:left DF
+  :hover
+    foo: bar
+\:nth-child(2n+1) SPAN
+  foo: bar

spec/sass/selectors/expected_output.css

@@ -0,0 +1,15 @@
+.test {
+  foo: bar; }
+  .test ~ {
+    tilde: true; }
+  .test + {
+    adjancent: true; }
+  .test > {
+    child: true; }
+  .test * {
+    universal: true; }
+  .test [foo] {
+    attribute: true; }
+
+.selector-0 + .selector-1 {
+  color: rebeccapurple; }

spec/sass/selectors/input.sass

@@ -0,0 +1,21 @@
+.test
+  foo: bar
+  ~
+    tilde: true
+  +
+    adjancent: true
+  >
+    child: true
+  *
+    universal: true
+  [foo]
+    attribute: true
+
+@mixin selector-2()
+  foo: bar
+
+.selector-0
+  + .selector-1
+    color: rebeccapurple
+  = selector-2
+    color: yellow