Best way to add new files/folders to the new revision?

[ajmalafif]

Hey guys,

Noticed some changes on file and folder structure esp on dist folder. Last time my approach was to include customize files into styles.scss as such:

@import "filtermenu.scss";
@import "suckerfish.scss";
@import "spacing.scss";
@import "homepage.scss";
@import "navbar.scss";
@import "product.scss";

But I noticed file structure is different this time. Any help? Thanks!

[stewartknapman]

Checkout this section of the grunt file: https://github.com/luciddesign/bootstrapify/blob/master/Gruntfile.js#L54-L128

What we do now is concatenate all the bootstrap files with a few of our own and send it on up to Shopify to compile rather than doing it locally. The benefit of doing it this way is that we can alter the bootstrap variables directly from the theme settings and we don't have to override a whole lot of stuff with our own styles.

The way to include your styles is to add the paths to your files inside the that section in the Gruntfile.js so that they are included in the concatenation.

Note: Shopify dosen't allow sass for the checkout styles so these are still compiled locally.