Update specs to keep trailing comments on the previous line

See sass/dart-sass#417

spec/basic/06_nesting_and_comments.hrx

@@ -65,6 +65,53 @@ div span {
   /* yet another comment that should be preserved */
   display: inline-block;
 }
+div span a {
+  text-decoration: none; /* where will this comment go? */
+  color: green;
+  /* what about this comment? */
+  border: 1px bloo blee red;
+}
+div empty not_empty {
+  blah: blah;
+  bloo: bloo;
+}
+div p {
+  padding: 10px 8%;
+  -webkit-box-sizing: hux;
+}
+div h1 {
+  color: "a 'red' and \"blue\" value";
+}
+
+/* last comment, top level again --
+   compare the indentation! */
+div {
+  f: g;
+}
+div empty span {
+  a: b;
+}
+div empty_with_comment {
+  /* hey now */
+}
+div empty_with_comment span {
+  c: d;
+}
+
+<===> output-libsass.css
+/* top level comment -- should be preserved */
+div {
+  /* another comment that should be preserved */
+  color: red;
+  background: blue;
+  /* the next selector should be indented two spaces */
+  margin: 10px 5px;
+}
+div span {
+  font-weight: bold;
+  /* yet another comment that should be preserved */
+  display: inline-block;
+}
 div span a {
   text-decoration: none;
   /* where will this comment go? */

spec/css/keyframes.hrx

@@ -5,6 +5,10 @@ a {
 }
 
 <===> bubble/empty/output.css
+@keyframes { /**/
+}
+
+<===> bubble/empty/output-libsass.css
 @keyframes {
   /**/
 }

spec/directives/use/css/order.hrx

@@ -451,6 +451,23 @@ a {file: midstream}
 
 <===> import_order/comments_and_imports/output.css
 /* upstream comment before import */
+@import "upstream.css"; /* midstream comment before use */
+/* midstream comment before first import */
+@import "midstream1.css";
+/* midstream comment before second import */
+@import "midstream2.css"; /* input comment before use */
+/* input comment before import */
+@import "input.css";
+/* upstream comment after import */
+/* midstream comment after imports */
+a {
+  file: midstream;
+}
+
+/* input comment after import */
+
+<===> import_order/comments_and_imports/output-libsass.css
+/* upstream comment before import */
 
 @import "upstream.css";
 

spec/libsass-closed-issues/issue_1007.hrx

@@ -4,6 +4,15 @@
 } /* end */
 <===> output.css
 /* start */
+foo baz {
+  /* before */
+  margin: 0; /* after */
+}
+
+/* end */
+
+<===> output-libsass.css
+/* start */
 foo baz {
   /* before */
   margin: 0;

spec/libsass-closed-issues/issue_1294.hrx

@@ -11,6 +11,14 @@ foo {
 /*------------------------------------*\
   #BUTTONS
 \*------------------------------------*/
+foo {
+  display: inline-block; /* [1] */
+}
+
+<===> output-libsass.css
+/*------------------------------------*\
+  #BUTTONS
+\*------------------------------------*/
 foo {
   display: inline-block;
   /* [1] */

spec/libsass-closed-issues/issue_1567.hrx

@@ -7,6 +7,14 @@
 
 <===> output.css
 /* any */
+@media screen, not print { /* whatever */
+  body {
+    line-height: 1.2;
+  }
+}
+
+<===> output-libsass.css
+/* any */
 @media screen, not print {
   /* whatever */
   body {

spec/libsass-closed-issues/issue_894.hrx

@@ -2,19 +2,18 @@
 a {/**/}
 b {content: 'something so I have a non-empty expected output'}
 <===> output.css
-a {
-  /**/
+a { /**/
 }
 
 b {
-  content: 'something so I have a non-empty expected output';
+  content: "something so I have a non-empty expected output";
 }
 
-<===> output-dart-sass.css
+<===> output-libsass.css
 a {
   /**/
 }
 
 b {
-  content: "something so I have a non-empty expected output";
+  content: 'something so I have a non-empty expected output';
 }

spec/libsass-closed-issues/issue_941.hrx

@@ -6,6 +6,12 @@
 
 <===> output.css
 .one,
+.two { /* 3 */
+  color: #F00; /* 4 */
+}
+
+<===> output-libsass.css
+.one,
 .two {
   /* 3 */
   color: #F00;