Writing theme customizations (SCSS + HTML Changes)

[salmansqadeer]

Hey Guys,

I am trying to customize the Ghostium theme by making a few additions to the homepage (specifically adding my social profiles to the homepage) so I am trying to add some additional SCSS files and editing the cover file.

I followed the developer guide here: https://github.com/oswaldoacauan/ghostium/wiki/Getting-Started and got everything working after some fiddling - but every time that I run "grunt dryrun", the theme reverts back to its initial state again! All of my changes get lost. In addition to this, the theme file goes up from 2mb on disk to over 60mb.

All I am looking for is the ability to customize and add my own SCSS files and html. Could you guys point out what I am doing wrong?

Thanks!

[salmansqadeer]

Help?

[clemagyin]

Make sure you are making edits to the files inside the src/ folder. These will get processed and copied into the top level assets/ folder for your site after you run grunt dryrun.

If you made changes in the top level /assets/ folder, you changes will get overwritten.

Hope this helps!

On Sep 5, 2014, at 2:34 PM, Salman Suhail [email protected] wrote:

Help?

—
Reply to this email directly or view it on GitHub.

[salmansqadeer]

Thats super helpful! And yes, I had been making changes in the top level asset folder - so that was my first mistake.

Any idea why the size of the folder increases to over 60mb?

[clemagyin]

My guess is some image files are being copied over to bloat the file size. It's unlikely that raw .html, .css and .js files are causing that increase in the folder. But I can't be sure unless I see your code.

[salmansqadeer]

After looking through the files, what appears to be happening is that the process of running npm install (before running grunt dryrun) adds the node_modules folder to the root of the theme (which adds all of the additional 75MB).

Simply removing this folder after build though, appears to break the theme for some reason (and shrink the folder size down to smaller then it was originally).

Still diagnosing why this is happening, and how to get this to work. Any help / guidance would be greatly appreciated.

[salmansqadeer]

So its breaking the theme because removing node_modules causes the following error "Uncaught ReferenceError: Modernizr is not defined".

Unsure how to proceed :(