That would be quite a tutorial to write up on a forum. Have you read the documentation that has a lot of info how to get started? One thing to be aware of is that Theme Kit is just for down / upload sync of your theme assets.
You may actually be interested in using Slate instead. It's a much more complete theme development workflow that might suite you better if you are new to Shopify theme dev.
SCSS files will be compiled by Shopify but be aware that they use a quite antique version at 3.2.6 so don't use anything newer when developing locally.
Have a look at the Slate docs. I'd also recommend you begin with a starter theme.
Let us know if you get stuck or something isn't clear along the way.
Yes I've tried Slate, but I really struggled with it and, to be honest, found the documentation rather lacking. I think I'd like to get familiar with Shopify themes themselves before diving into Slate.
I see that the Shopify server compiles SCSS for you when you push your code up. But can we still seperate our .scss files out and compile them into a central file (I like to have typography and colors set on their own files)?
Ok, I've kind of done a work around.
I have a seperate SCSS folder where all my .scss files live. Using Gulp I then compile them. However, gulp-sass compiles to .css, so to get around this I used gulp-rename to both rename the .css file to .scss.liquid and move it into the assets folder.
Seems to work so far.
|an hour ago|