CSS to Sass *Advice Needed

[Tom]

Hi all,

I'm looking at learning Sass and would like to implement it into a new project by converting Kickstart Pro's existing CSS into Sass. I have started by creating a scss Directory within the Child Theme and copied over the style.css, renaming the extension to .scss.

At this stage as No style.css exists the design is broken.

I then run the sass --watch scss:css in the command line which generates the CSS Directory and respected files. This is where I seem to go wrong... It seems that the Stylesheet compiles but doesn't seem to register all the relevant styles.

I've tried doing a bit of research and wonder if this is because the style.css needs to be in the root of the Child Theme folder? If this is correct, how would you go about moving the style.css out of the CSS Directory which is created by Sass?

[Christoph]

Hi Tom,

yes, style.css has to be in the root of the child theme.
I don't use the Gem (I prefer Gulp), but this might be helpful: http://sweetme.at/2013/09/18/compress-your-css-output-with-the-sass-command-line-tool/

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Author]

Posts