I extended Sage with some styles and scripts, and a features I tend to use a lot. This is very much a Work in Progress, however just thought I’d share it here. I’m also looking for feedback and some collaboration for anybody who is interested in sharing - I’m open to good/bad feedback. Feel free to fork/contribute as well!
Main things added are:
- “$mainColors” array in SCSS which will auto-generate helper classes for colors (i.e. text-red, or for buttons - solid-red hover-blue, etc). This gets created for each color in that array map.
- Helper classes in SCSS for mobile components
- Uses rem font sizing with a changing base-font-size which varies depending on screen width
- Function for allowing hidden labels in Gravityforms.
Note: most of my custom functions are in a separate plugin I use called base-plugin but I have considered incorporating them into my sage-extended theme’s extra.php file.