add regression test for SCSS

sample_files/compare.expected

@@ -187,6 +187,9 @@ sample_files/scala_before.scala sample_files/scala_after.scala
 sample_files/simple_before.js sample_files/simple_after.js
 c9c5d1c61b7e8a953a361343bcd13c95  -
 
+sample_files/simple_before.scss sample_files/simple_after.scss
+1bef0ac0550e0cf2c8839446bd05d98e  -
+
 sample_files/simple_before.txt sample_files/simple_after.txt
 8b88ed3d752ca7ae72ed2a44e3cfc9df  -
 

sample_files/simple_after.scss

@@ -0,0 +1,28 @@
+@mixin buttons($basicBorder:1px, $gradient1:#333, $gradient2:#d8dee7){
+  button{
+    border:$basicBorder dotted #acbed3;
+    //brings in Compass' background-image mixin:  http://compass-style.org/reference/compass/css3/images/
+    @include background-image(linear-gradient($gradient1, $gradient2));
+    padding:3px 14px;
+    font-size:1rem;
+    color:#3b557d;
+    //brings in Compass' border-radius mixin: http://compass-style.org/reference/compass/css3/border_radius/
+    @include border-radius($border-radius, $border-radius);
+    cursor:pointer;
+    
+    //& attribute adds 
+    
+    &.primary {
+      border:2px dotted #3b557d; 
+      padding:5px 15px; 
+      //requires a $border-radius variable
+      @include border-radius($border-radius + 2, $border-radius + 2); 
+    }
+    &.disabled {
+      opacity: .6;
+    }
+    &:hover {
+      @include background-image(linear-gradient($gradient2, $gradient1));
+    }  
+  } 
+}

sample_files/simple_before.scss

@@ -0,0 +1,28 @@
+@mixin buttons($basicBorder:1px, $gradient1:#fff, $gradient2:#d8dee7){
+  button{
+    border:$basicBorder solid #acbed3;
+    //brings in Compass' background-image mixin:  http://compass-style.org/reference/compass/css3/images/
+    @include background-image(linear-gradient($gradient1, $gradient2));
+    padding:3px 14px;
+    font-size:12px;
+    color:#3b557d;
+    //brings in Compass' border-radius mixin: http://compass-style.org/reference/compass/css3/border_radius/
+    @include border-radius($border-radius, $border-radius);
+    cursor:pointer;
+    
+    //& attribute adds 
+    
+    &.primary {
+      border:2px solid #3b557d; 
+      padding:5px 15px; 
+      //requires a $border-radius variable
+      @include border-radius($border-radius + 2, $border-radius + 2); 
+    }
+    &.disabled {
+      opacity: .8;
+    }
+    &:hover {
+      @include background-image(linear-gradient($gradient2, $gradient1));
+    }  
+  } 
+}