https://github.com/thatryan/gravity-forms-sass

Replacement styling for Gravity Forms WordPress plugin written in Sass
https://github.com/thatryan/gravity-forms-sass

Last synced: about 2 hours ago
JSON representation

Replacement styling for Gravity Forms WordPress plugin written in Sass

• Host: GitHub
• URL: https://github.com/thatryan/gravity-forms-sass
• Owner: thatryan
• License: mit
• Created: 2014-08-02T07:12:28.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2016-12-14T01:01:21.000Z (almost 8 years ago)
• Last Synced: 2024-11-01T18:05:16.748Z (11 days ago)
• Language: CSS
• Size: 1.38 MB
• Stars: 94
• Watchers: 8
• Forks: 17
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: license.txt

Awesome Lists containing this project

• awesome-gravity-forms - Gravity Forms Sass

README

        
# 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](https://github.com/thatryan/gravity-forms-sass/archive/master.zip)

* Clone the repo: `https://github.com/thatryan/gravity-forms-sass.git`

* Install with [Bower](http://bower.io/): `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, 

1. Drop down and multi-select "enhanced UI"

2. Progress bar on multi select

3. Post Custom Fields - only tested "single line text" option

4. Check shipping various methods, only 1 allowed per form

5. More form settings, such as inline label placements

6. Organize structure, break up sections, import files from one

7. ...

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](screenshots/).

## Resources

Links 'n stuff

* [Gravity Forms](http://www.gravityforms.com/)

* [Gravity Forms Ready Classes](http://www.gravityhelp.com/documentation/page/CSS_Ready_Classes)

* Say hi on Twitter [@ryanolson](http://twitter.com/ryanolson)

## Changelog

See [changelog](CHANGELOG.md).