Comments in Foundation SCSS are placed in the wrong spots.

[pepebe]

I'm compiling foundation scss with $export->compile($import);

$import containing the complete pathes to all scss files to be included:

Im running scssphp v0.0.8 on nginx / PHP 5.3.18

The compiled css seems to work but the comments inside are misplaced throughout the document.

What I get:

.hide-for-small, .hide-for-medium-down, .hide-for-large-down {
  display: none !important;
  /* Specific visilbity for tables */ }

table.show-for-small, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-large, table.hide-for-large-up, table.hide-for-xlarge {
  display: table; }

What I expect:

.hide-for-small, .hide-for-medium-down, .hide-for-large-down {
  display: none !important; }

 /* Specific visilbity for tables */ 
table.show-for-small, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-large, table.hide-for-large-up, table.hide-for-xlarge {
  display: table; }

As you can see, the comment on top of the area dealing with tables has moved inside the selector block preceeding the comment.

I also get a huge block of comments at the beginning that also looks out of place:

@charset "UTF-8";
/* Foundation Visibility HTML Classes */
/* Grid HTML Classes */
/* Foundation Block Grids for below small breakpoint */
/* Remove small grid clearing */
/* Default Pagination */
/* Side Nav */

... Some comments removed ...

/* Sections */
/* Tooltips */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

For the full output have a look at this file:

scssphp_foundation.css

I've checked the foundation SCSS files and they look ok.

Is there anyone with similar output?

Regards,

pepebe

[robocoder]

I'm working on this in #77.

[robocoder]

Should be fixed in v0.0.13