August 24, 2015 at 11:52 am #163323
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.
-RonaldAugust 25, 2015 at 10:29 am #163446
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.August 28, 2015 at 5:47 pm #163951
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.August 29, 2015 at 2:52 am #163976patrick_bMember
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.January 3, 2016 at 8:34 am #175135dpav02Member
Carrie Dils also has a sample theme which she modified and "sassified" it. Here's a link on GitHub:
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.January 3, 2016 at 8:34 am #175136dpav02Member
Carrie Dils has a "sassified" starter theme here:
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!
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.