Output has rogue spaces

[mdo]

Using raw grunt-contrib-less, I get this diff on Bootstrap:

 sub,
 sup {
-  position: relative;
   font-size: 75%;
   line-height: 0;
+  position: relative;
   vertical-align: baseline;
 }

With grunt-csscomb, I get some rogue spaces:

 sub,
 sup {
-  position: relative;
   font-size: 75%;
   line-height: 0;
+
+  position: relative;
+
   vertical-align: baseline;
 }

Things get even worse with media queries (there are no changes in the default LESS compilation task):

 @media print {
-  * {
+    * {
     color: #000 !important;
-    text-shadow: none !important;
     background: transparent !important;
     box-shadow: none !important;
-  }
-  a,
+    text-shadow: none !important;
+    }
+    a,
   a:visited {
     text-decoration: underline;
-  }
-  a[href]:after {
+    }
+    a[href]:after {
     content: " (" attr(href) ")";
-  }
-  abbr[title]:after {
+    }
+    abbr[title]:after {
     content: " (" attr(title) ")";
-  }
-  a[href^="javascript:"]:after,
+    }
+    a[href^="javascript:"]:after,
   a[href^="#"]:after {
     content: "";
-  }

Is this a problem with grunt-csscomb, or the source CSScomb?

[tonyganch]

That is .csscomb.json having fun.
Default config has properties divided into several groups that get separated by new lines after sorting.
And those media queries — check out block-indent option.

You might want to leave sort-order option only in your config and unite all options in one array.
Anyway, csscomb.js is the project responsible for this issue.

[mdo]

Awesome, thanks so much—going back to one array and setting "block-indent": 2 fixed everything up. Apologies on the wrong repo—wasn't sure if implementation differed from the mothership.

<3 for the help.