Gravity forms quarter class

diff --git a/css/app.css b/css/app.css
index 1fad373..7efdd5f 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6928,6 +6928,41 @@ td.gfield_list_cell.gfield_list_56_cell1, td.gfield_list_cell.gfield_list_57_cel
   .gform_wrapper .top_label li.gfield.gf_left_third, .gform_wrapper .top_label li.gfield.gf_middle_third, .gform_wrapper .top_label li.gfield.gf_right_third {
     display: inline-block !important; } }
 
+/* 4 column Gravity Forms custom ready class ------------------------------------------------------*/
+.gform_wrapper .top_label li.gfield.gf_first_quarter, .gform_wrapper .top_label li.gfield.gf_second_quarter, .gform_wrapper .top_label li.gfield.gf_third_quarter, .gform_wrapper .top_label li.gfield.gf_fourth_quarter {
+  margin: 0 0 8px 0;
+  width: 24%; }
+
+.gform_wrapper .top_label li.gfield.gfield_error.gf_first_quarter, .gform_wrapper .top_label li.gfield.gfield_error.gf_second_quarter, .gform_wrapper .top_label li.gfield.gfield_error.gf_third_quarter {
+  width: 21%; }
+
+.gform_wrapper .top_label li.gfield.gfield_error.gf_third_quarter {
+  margin-right: 1%; }
+
+.gform_wrapper .top_label li.gfield.gf_first_quarter {
+  float: left;
+  clear: left !important; }
+
+.gform_wrapper .top_label li.gfield.gf_second_quarter, .gform_wrapper .top_label li.gfield.gf_third_quarter, .gform_wrapper .top_label li.gfield.gf_fourth_quarter {
+  float: left;
+  margin-left: 2%;
+  clear: none !important; }
+
+.gform_wrapper .top_label li.gfield.gfield_error.gf_second_quarter, .gform_wrapper .top_label li.gfield.gfield_error.gf_third_quarter {
+  margin-left: 3%; }
+
+.gform_wrapper .top_label li.gfield.gf_first_quarter input.medium, .gform_wrapper .top_label li.gfield.gf_first_quarter input.large, .gform_wrapper .top_label li.gfield.gf_first_quarter select.medium, .gform_wrapper .top_label li.gfield.gf_first_quarter select.large, .gform_wrapper .top_label li.gfield.gf_second_quarter input.medium, .gform_wrapper .top_label li.gfield.gf_second_quarter input.large, .gform_wrapper .top_label li.gfield.gf_second_quarter select.medium, .gform_wrapper .top_label li.gfield.gf_second_quarter select.large, .gform_wrapper .top_label li.gfield.gf_third_quarter input.medium, .gform_wrapper .top_label li.gfield.gf_third_quarter input.large, .gform_wrapper .top_label li.gfield.gf_third_quarter select.medium, .gform_wrapper .top_label li.gfield.gf_third_quarter select.large, .gform_wrapper .top_label li.gfield.gf_fourth_quarter input.medium, .gform_wrapper .top_label li.gfield.gf_fourth_quarter input.large, .gform_wrapper .top_label li.gfield.gf_fourth_quarter select.medium, .gform_wrapper .top_label li.gfield.gf_fourth_quarter select.large {
+  width: 95%; }
+
+.gform_wrapper .top_label li.gfield.gf_first_quarter + li.gsection, .gform_wrapper .top_label li.gfield.gf_third_quarter + li.gsection {
+  padding: 16px 0 8px 0; }
+
+.gform_wrapper .top_label li.gfield.gf_first_quarter + li.gfield, .gform_wrapper .top_label li.gfield.gf_second_quarter + li.gfield, .gform_wrapper .top_label li.gfield.gf_third_quarter + li.gfield, .gform_wrapper .top_label li.gfield.gf_fourth_quarter + li.gfield {
+  clear: both; }
+
+.gform_wrapper .top_label li.gfield.gf_first_quarter + .gform_footer, .gform_wrapper .top_label li.gfield.gf_second_quarter + .gform_footer, .gform_wrapper .top_label li.gfield.gf_third_quarter + .gform_footer, .gform_wrapper .top_label li.gfield.gf_fourth_quarter + .gform_footer {
+  clear: both; }
+
 .home-feed-post {
   padding-bottom: 25px; }
   @media only screen and (max-width: 40em) {

diff --git a/scss/plugins/_gravityforms.scss b/scss/plugins/_gravityforms.scss
index 8fa55ae..a0aa2b3 100644 (file)
--- a/scss/plugins/_gravityforms.scss
+++ b/scss/plugins/_gravityforms.scss
@@ -131,4 +131,80 @@ td.gfield_list_cell.gfield_list_56_cell1 , td.gfield_list_cell.gfield_list_57_ce
 
 }
 
+
+/* 4 column Gravity Forms custom ready class ------------------------------------------------------*/
+
+.gform_wrapper .top_label li.gfield.gf_first_quarter,
+.gform_wrapper .top_label li.gfield.gf_second_quarter,
+.gform_wrapper .top_label li.gfield.gf_third_quarter,
+.gform_wrapper .top_label li.gfield.gf_fourth_quarter {
+       margin:0 0 8px 0;
+       width:24%;
+}
+
+.gform_wrapper .top_label li.gfield.gfield_error.gf_first_quarter,
+.gform_wrapper .top_label li.gfield.gfield_error.gf_second_quarter,
+.gform_wrapper .top_label li.gfield.gfield_error.gf_third_quarter {
+       width:21%;
+}
+
+.gform_wrapper .top_label li.gfield.gfield_error.gf_third_quarter {
+       margin-right:1%;
+}
+
+.gform_wrapper .top_label li.gfield.gf_first_quarter {
+       float:left;
+       clear:left!important;
+}
+
+.gform_wrapper .top_label li.gfield.gf_second_quarter,
+.gform_wrapper .top_label li.gfield.gf_third_quarter,
+.gform_wrapper .top_label li.gfield.gf_fourth_quarter {
+       float:left;
+       margin-left:2%;
+       clear:none!important;
+}
+
+.gform_wrapper .top_label li.gfield.gfield_error.gf_second_quarter,
+.gform_wrapper .top_label li.gfield.gfield_error.gf_third_quarter {
+       margin-left:3%;
+}
+
+.gform_wrapper .top_label li.gfield.gf_first_quarter input.medium,
+.gform_wrapper .top_label li.gfield.gf_first_quarter input.large,
+.gform_wrapper .top_label li.gfield.gf_first_quarter select.medium,
+.gform_wrapper .top_label li.gfield.gf_first_quarter select.large,
+.gform_wrapper .top_label li.gfield.gf_second_quarter input.medium,
+.gform_wrapper .top_label li.gfield.gf_second_quarter input.large,
+.gform_wrapper .top_label li.gfield.gf_second_quarter select.medium,
+.gform_wrapper .top_label li.gfield.gf_second_quarter select.large,
+.gform_wrapper .top_label li.gfield.gf_third_quarter input.medium,
+.gform_wrapper .top_label li.gfield.gf_third_quarter input.large,
+.gform_wrapper .top_label li.gfield.gf_third_quarter select.medium,
+.gform_wrapper .top_label li.gfield.gf_third_quarter select.large,
+.gform_wrapper .top_label li.gfield.gf_fourth_quarter input.medium,
+.gform_wrapper .top_label li.gfield.gf_fourth_quarter input.large,
+.gform_wrapper .top_label li.gfield.gf_fourth_quarter select.medium,
+.gform_wrapper .top_label li.gfield.gf_fourth_quarter select.large {
+       width:95%;
+}
+
+.gform_wrapper .top_label li.gfield.gf_first_quarter+li.gsection,
+.gform_wrapper .top_label li.gfield.gf_third_quarter+li.gsection {
+       padding:16px 0 8px 0;
+}
+
+.gform_wrapper .top_label li.gfield.gf_first_quarter+li.gfield,
+.gform_wrapper .top_label li.gfield.gf_second_quarter+li.gfield,
+.gform_wrapper .top_label li.gfield.gf_third_quarter+li.gfield,
+.gform_wrapper .top_label li.gfield.gf_fourth_quarter+li.gfield {
+       clear:both;
+}
+
+.gform_wrapper .top_label li.gfield.gf_first_quarter+.gform_footer,
+.gform_wrapper .top_label li.gfield.gf_second_quarter+.gform_footer,
+.gform_wrapper .top_label li.gfield.gf_third_quarter+.gform_footer,
+.gform_wrapper .top_label li.gfield.gf_fourth_quarter+.gform_footer {
+       clear:both;
+}
 ///////////////////////////////////
\ No newline at end of file