Sass manifest file to have semi-colons instead of commas

[vinayraghu]

The current sass manifest file foundation.scss is structured as follows

@import
"foundation/components/grid",
"foundation/components/accordion",
  ...,
"foundation/components/offcanvas",
"foundation/components/visibility";

Let's say I want to disable the last foundation sass import - visibility.scss like below. Since all imports end with commas instead of semi-colons, commenting out visibility will cause an error.

@import
"foundation/components/grid",
"foundation/components/accordion",
  ...,
"foundation/components/offcanvas",
// "foundation/components/visibility";

I will have to manually go to the previous component, change the trailing comma into a semi-colon like so:

@import
"foundation/components/grid",
"foundation/components/accordion",
  ...,
"foundation/components/offcanvas";
// "foundation/components/visibility";

Let's say in the future, I decide to include the visibility component. I have to remove the semi-colon I inserted, change it into a comma and then un-comment visibility

@import
"foundation/components/grid",
"foundation/components/accordion",
  ...,
"foundation/components/offcanvas",
"foundation/components/visibility";

It would be a lot easier if each file was a separate @import statement, so commenting out components is really just adding the comment at the correct line. No need to go about changing semi-colons or commas

@import "foundation/components/grid";
// @import  "foundation/components/accordion";
@import "etc";
@import  "foundation/components/offcanvas";
// @import "foundation/components/visibility";

Happy to send a PR if you guys think this makes sense

[cmwinters]

Makes sense! 👍 If you submit a PR we'll merge, otherwise I'll work on a fix for this as I have time.

[vinayraghu]

I'll close this over the weekend