Last active
December 3, 2020 14:20
-
-
Save nhogan411/d93f18a87680e7b81e6a0c9e30da178e to your computer and use it in GitHub Desktop.
swaps $brand-danger for theme-color('danger')
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.gform_wrapper { | |
.gform_body { | |
ul.gform_fields { | |
@extend .row; | |
padding-left: 0 !important; | |
list-style-type: none; | |
li.gfield { | |
@extend .col-12; | |
padding-top: 10px; | |
padding-bottom: 10px; | |
&.gf_left_half, | |
&.gf_right_half { | |
@extend .col-md-6; | |
} | |
&.gf_left_third, | |
&.gf_middle_third, | |
&.gf_right_third, { | |
@extend .col-md-4; | |
} | |
&.gf_first_quarter, | |
&.gf_second_quarter, | |
&.gf_third_quarter, | |
&.gf_fourth_quarter, { | |
@extend .col-md-3; | |
} | |
&.gf_list_2col { | |
.gfield_radio, | |
.gfield_checkbox { | |
padding-left: 0; | |
grid-template-columns: repeat(2, 1fr); | |
column-gap: 3rem; | |
} | |
} | |
&.gf_list_3col { | |
.gfield_radio, | |
.gfield_checkbox { | |
padding-left: 0; | |
grid-template-columns: repeat(3, 1fr); | |
column-gap: 3rem; | |
} | |
} | |
&.gf_list_4col { | |
.gfield_radio, | |
.gfield_checkbox { | |
padding-left: 0; | |
grid-template-columns: repeat(4, 1fr); | |
column-gap: 3rem; | |
} | |
} | |
&.gf_list_5col { | |
.gfield_radio, | |
.gfield_checkbox { | |
padding-left: 0; | |
grid-template-columns: repeat(5, 1fr); | |
column-gap: 3rem; | |
} | |
} | |
&.gf_list_inline { | |
.gfield_radio, | |
.gfield_checkbox { | |
@extend .d-md-flex; | |
} | |
} | |
&.gf_list_2col, | |
&.gf_list_3col, | |
&.gf_list_4col, | |
&.gf_list_5col, | |
&.gf_list_inline { | |
.gfield_radio, | |
.gfield_checkbox { | |
@include media-breakpoint-down(md) { | |
display: grid; | |
grid-template-columns: 1fr; | |
padding-left: 3rem; | |
} | |
} | |
} | |
.ginput_recaptcha { | |
display: inline; | |
} | |
.gfield_label { | |
.gfield_required { | |
color: theme-color('danger'); | |
} | |
} | |
ul.gfield_checkbox, | |
ul.gfield_radio { | |
display: grid; | |
li { | |
display: inline-flex; | |
padding-top: 5px; | |
padding-bottom: 5px; | |
input { | |
margin-top: 5px; | |
margin-right: 5px; | |
width: auto; | |
} | |
label { | |
width: auto; | |
} | |
} | |
} | |
.ginput_complex.ginput_container_name, | |
.ginput_complex.ginput_container_address { | |
@extend .row; | |
.name_first, | |
.name_last, | |
.address_city, | |
.address_state, | |
.address_zip, | |
.address_country { | |
@extend .col-12; | |
@extend .col-md-6; | |
margin: 0; | |
&:first-child { | |
@include media-breakpoint-down(md) { | |
margin-bottom: 1.5rem; | |
} | |
} | |
} | |
.address_line_1, | |
.address_line_2 { | |
@extend .col-12; | |
} | |
// if GF sublabels are above the fields, hide the primary label and make the sublabels look like normal labels | |
&.field_sublabel_above { | |
.gfield_label.gfield_label_before_complex { | |
display: none !important; | |
} | |
// might need to tweak these specific to the theme GF label styles | |
.ginput_complex.ginput_container_name { | |
.name_first label, | |
.name_last label { | |
font-weight: 700; | |
font-size: 1.6rem !important; | |
margin-top: 0; | |
margin-bottom: 0.5rem; | |
} | |
} | |
} | |
} | |
} | |
} | |
} | |
.gform_footer { | |
.button { | |
@extend .btn; | |
@extend .btn-primary; | |
@extend .btn-sm; | |
} | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment