What is the best Sassified Genesis Starter Child Theme?

[Ronald]

So I just got Genesis as I have been coding my own themes from scratch using Underscores. I have gotten to the point that I now see a benefit to having a well-coded and well-maintained code base to start from.

But to my dismay, the Genesis Sample theme doesnt use scss or any other preprocessor, just a static style.css file (it could be easy for Studiopress to include the sass/scss/or less files along with a static style.css file but thats not the point of this thread)

So doing a quick search to see who is using Genesis with Sass, I was pleased to find a handful of people who have made their code available. For those of you who do use a sassified version of Genesis for development, which of the following do you find better?

Bones for Genesis: http://bonesforgenesis.com/
Jesse Petterson from Teamtreehouse: https://github.com/pmgllc/bg-mobile-first-jp-sass
Matt Banks's: https://github.com/mattbanks/Genesis-Starter-Child-Theme
or this Genesis Sandbox: http://genesissandbox.com/

Do either of these have a history of having issues/not being well maintained/coded? Which would you suggest?

Also, please feel free to suggest others as I probably only skimmed the top of the possible sassified genesis starter themes.

-Ronald

[Ronald]

So I started making my own sass version of the Genesis Sample Theme. This way I know whats in it and can keep it updated with any updates to the Genesis Sample theme as they come out.

[Ronald]

So I now have a simple sassified Genesis Sample Theme for anyone who is interested.

My goal was to duplicate the Genesis Sample theme in look and functionality so you will notice that there is not alot of bells and whistles. I wanted an option that did not try and put tons of config files for Grunt/Gulp/Bower/etc in it as I work differently then others.

If this works for you, feel free to use it.

https://[email protected]/Ronald-Fuquay/sassy-genesis-sample-theme.git

[patrick_b]

Ah well you found the answer that I was going to give in that it's probably best to just do your own. Thankfully genesis's css is fairly well organized so i found breaking it out into my constituent sass files is fairly quick and then some cleanup to reorganize and move mediaqueries around and add my default variables and mixins. When i was looking at the question myself I found matt's and bones to be good inspiration in how to approach sassifying my blank child theme and working out the structure of my functions.

Thanks for sharing your's i'll take a look.

[dpav02]

Carrie Dils also has a sample theme which she modified and "sassified" it. Here's a link on GitHub:

https://github.com/cdils/in-the-beginning

That's from her Lynda.com course

If you haven't noticed, I HIGHLY recommend a Lynda.com membership. There's a course about creating a SASS workflow. INCLUDING an auto-prefixer which can take your CSS and support past browser versions while simply just writing CSS 3 syntax. It's incredible. All I have to do is edit the SCSS files and save them and BOOM, I get a minimal CSS file at the end with all the extra specific browser stuff added in automatically.

WordPress: Developing with Sass and Grunt.js

[dpav02]

Carrie Dils has a "sassified" starter theme here:

https://github.com/cdils/in-the-beginning

That's from her course,

Also, if your'e into "sassifying" things, I HIGHLY recommend , again, from Lynda.com

In case you haven't noticed, I've been learning A LOT from Lynda.com these past few days. Hope it helps! Happy New Year!

[Author]

Posts