Gravity Forms Sass
I love the Gravity Forms plugin for WordPress, but never cared for the excessive stylesheets and complicated selectors it introduced. This project aims to offer styling for GForms using Sass and minimal selectors.
Included
All of the default and advanced fields, as well as the Gravity Forms Ready Classes. Included in this repository are several form exports that contain a vast array of fileds and options I created for testing.
- All form fields
- Required fields
- Multi part form
- Ready classes
Though a few aspects are still in early stages of dev ;)
Install
- Download latest release
- Clone the repo:
https://github.com/thatryan/gravity-forms-sass.git - Install with Bower:
bower install gravity-forms-sass
Usage
Be sure to visit Forms -> Settings in your WordPress Dashboard and set Output CSS to No, optionally while you are there set Output HTML5 to Yes. Save and go play.
This was setup running WordPress Version 4.0-beta2-20140801 and Gravity Forms Version 1.8.9.
Contribute
Want to help out? Awesome!
Please don't make pull requests against the master branch. This is the latest, stable code. You can make a pull request against the dev (future release) branch.
TODO
Some parts of the styling still need to be addressed,
- Drop down and multi-select "enhanced UI"
- Progress bar on multi select
- Post Custom Fields - only tested "single line text" option
- Check shipping various methods, only 1 allowed per form
- More form settings, such as inline label placements
- Organize structure, break up sections, import files from one
- ...
Mostly this is a running list of what I intend to address
Visual
For a visual overview or the basic styling thus far there are some screenshots.
Resources
Links 'n stuff
- Gravity Forms
- Gravity Forms Ready Classes
- Say hi on Twitter @ryanolson
Changelog
See changelog.