Sid Gifari File Manager
🏠 Root
/
home2
/
iuywvcmy
/
public_html
/
wp-content
/
plugins
/
everest-forms
/
addons
/
StyleCustomizer
/
includes
/
views
/
Editing: scss.php
<?php /** * EverestForms Style Customizer SCSS * * @package EverestForms_Style_Customizer * @since 1.0.0 */ defined( 'ABSPATH' ) || exit; // Get values. $styles = get_option( 'everest_forms_styles' ); $palette_key = null; if ( isset( $_REQUEST['action'] ) && $_REQUEST['action'] === 'everest_forms_save_form' ) { if ( isset( $styles[ $form_id ]['color_palette'] ) && is_array( $styles[ $form_id ]['color_palette'] ) ) { $colorPaletteKeys = array_keys( $styles[ $form_id ]['color_palette'] ); $colorPaletteKey = $colorPaletteKeys[0]; $palette_key = $colorPaletteKey; } } if ( isset( $_REQUEST['customized'] ) ) { $current_color_palette = json_decode( wp_unslash( $_REQUEST['customized'] ), true ); $palette_key = null; foreach ( $current_color_palette as $key => $value ) { if ( preg_match( '/everest_forms_styles\[(\d+)\]\[color_palette\]\[(color_\d+)\]/', $key, $matches ) ) { $form_id = $matches[1]; $palette_key = $matches[2]; break; } } } if ( null === $palette_key && ! isset( $_REQUEST['customized'] ) && ! isset( $_REQUEST['action'] ) ) { if ( isset( $styles[ $form_id ]['color_palette'] ) && is_array( $styles[ $form_id ]['color_palette'] ) ) { $colorPaletteKeys = array_keys( $styles[ $form_id ]['color_palette'] ); $colorPaletteKey = $colorPaletteKeys[0]; $palette_key = $colorPaletteKey; } } if ( $form_id && $palette_key && isset( $current_color_palette[ "everest_forms_styles[$form_id][color_palette][$palette_key]" ] ) ) { $new_palette = $current_color_palette[ "everest_forms_styles[$form_id][color_palette][$palette_key]" ]; $styles[ $form_id ]['color_palette'] = array( $palette_key => $new_palette, ); } if ( isset( $styles[ $form_id ] ) && is_array( $styles[ $form_id ] ) ) { $styles[ $form_id ] = array_map( function( $styles ) { if ( is_array( $styles ) ) { return array_filter( $styles ); } else { return $styles; } }, $styles[ $form_id ] ); } $styles[ $form_id ] = is_array( $styles[ $form_id ] ) ? array_filter( $styles[ $form_id ] ) : array(); $values = array_replace_recursive( $defaults, $styles[ $form_id ] ); // phpcs:ignore PHPCompatibility.PHP.NewFunctions.array_replace_recursiveFound // Search for JSON formatted values and convert it to array format. foreach ( $values as $key => $styles ) { if ( is_array( $styles ) ) { foreach ( $styles as $style => $value ) { if ( is_string( $value ) && evf_is_json( $value ) ) { $values[ $key ][ $style ] = (array) json_decode( $value ); } } } } if ( $palette_key === 'color_0' ) { $custom_color_palette = get_option( 'everest_forms_custom_color_palettes' ); foreach ( $custom_color_palette[0]['colors'] as $color_key => $color_value ) { $values['color_palette'][ $palette_key ][ $color_key ] = $color_value; } } $backward_compatibility_color = get_option( 'everest_forms_styles' ); $backward_compatibility_color_key = isset( $backward_compatibility_color[ $form_id ]['color_palette']['color_12'] ) ? $backward_compatibility_color[ $form_id ]['color_palette']['color_12'] : ''; if ( ! empty( $backward_compatibility_color_key ) ) { $palette_key = 'color_12'; $values['color_palette']['color_12'] = $backward_compatibility_color_key; } elseif ( ! $palette_key ) { if ( isset( $backward_compatibility_color[ $form_id ]['color_palette'] ) && is_array( $backward_compatibility_color[ $form_id ]['color_palette'] ) ) { $colorPaletteKeys = array_keys( $backward_compatibility_color[ $form_id ]['color_palette'] ); $colorPaletteKey = $colorPaletteKeys[0]; $palette_key = $colorPaletteKey; } else { $palette_key = 'color_13'; $values[ $form_id ]['color_palette']['color_13'] = array( 'form_background' => '', 'field_background' => '', 'field_label' => '', 'field_sublabel' => '', 'button_text' => '', 'button_background' => '', ); } } if ( null === $palette_key && isset( $_COOKIE['color_palette_save'] ) ) { $palette_key = $_COOKIE['color_palette_save']; } // Form data. $form_data = EVF()->form->get( $form_id, array( 'content_only' => true ) ); // Font styles. $font_styles = array( 'font-weight' => 'bold', 'font-style' => 'italic', 'text-decoration' => 'underline', 'text-transform' => 'uppercase', ); $font_styles_default = array( 'font-weight' => 'normal', 'font-style' => 'normal', 'text-decoration' => 'none', 'text-transform' => 'none', ); // Radio/checkbox separator type. $radio_checkbox_seperator_type = defined( 'EVF_VERSION' ) && version_compare( EVF_VERSION, '1.6.0', '<' ) ? array( 'checkbox_radio_margin', 'checkbox_radio_padding' ) : array( 'checkbox_radio_margin' ); ?> // Form Container variables. $container_width: <?php echo absint( $values['form_container']['width'] ); ?>; $container_border_type: <?php echo evf_clean( $values['form_container']['border_type'] ); ?>; $container__border_color: <?php echo evf_clean( $values['form_container']['border_color'] ); ?>; //Field Labels Variables. $field_label_font_color : <?php echo isset( $values['color_palette'][ $palette_key ]['field_label'] ) ? evf_clean( $values['color_palette'][ $palette_key ]['field_label'] ) : ''; ?>; $field_label_font_size: <?php echo evf_clean( $values['typography']['field_labels_font_size'] ); ?>; $field_label_line_height: <?php echo evf_clean( $values['typography']['field_labels_line_height'] ); ?>; $field_label_text_alignment: <?php echo evf_clean( $values['typography']['field_labels_text_alignment'] ); ?>; // Field Sublabels Variables. $field_sublabel_font_color: <?php echo isset( $values['color_palette'][ $palette_key ]['field_sublabel'] ) ? evf_clean( $values['color_palette'][ $palette_key ]['field_sublabel'] ) : ''; ?>; $field_sublabel_font_size: <?php echo evf_clean( $values['typography']['field_sublabels_font_size'] ); ?>; $field_sublabel_line_height: <?php echo evf_clean( $values['typography']['field_sublabels_line_height'] ); ?>; $field_sublabel_text_alignment: <?php echo evf_clean( $values['typography']['field_sublabels_text_alignment'] ); ?>; // Field Styles Typography. $field_styles_font_color: <?php echo evf_clean( $values['typography']['field_styles_font_color'] ); ?>; $field_styles_border_type: <?php echo evf_clean( $values['field_styles']['border_type'] ); ?>; $field_styles_placeholder_font_color: <?php echo evf_clean( $values['typography']['field_styles_placeholder_font_color'] ); ?>; $field_styles_font_size: <?php echo evf_clean( $values['typography']['field_styles_font_size'] ); ?>; $field_styles_alignment: <?php echo evf_clean( $values['typography']['field_styles_alignment'] ); ?>; $field_styles_border_color: <?php echo evf_clean( $values['typography']['field_styles_border_color'] ); ?>; $field_styles_border_focus_color: <?php echo evf_clean( $values['typography']['field_styles_border_focus_color'] ); ?>; // File Uploads styles variables. $file_upload_styles_font_color: <?php echo evf_clean( $values['typography']['file_upload_font_color'] ); ?>; $file_upload_styles_font_size: <?php echo evf_clean( $values['typography']['file_upload_font_size'] ); ?>; $file_upload_styles_border_type: <?php echo evf_clean( $values['file_upload_styles']['border_type'] ); ?>; $file_upload_styles_border_color: <?php echo evf_clean( $values['typography']['file_upload_border_color'] ); ?>; $file_upload_styles_icon_color: <?php echo evf_clean( $values['typography']['file_upload_icon_color'] ); ?>; // Field Checkbox and Radio variables. $radio_checkbox_styles__font_color: <?php echo evf_clean( $values['typography']['checkbox_radio_font_color'] ); ?>; $radio_checkbox_styles_alignment: <?php echo evf_clean( $values['typography']['checkbox_radio_alignment'] ); ?>; $radio_checkbox_styles__font_size: <?php echo evf_clean( $values['typography']['checkbox_radio_font_size'] ); ?>; $radio_checkbox_styles__size: <?php echo evf_clean( $values['typography']['checkbox_radio_size'] ); ?>; $radio_checkbox_styles_color: <?php echo evf_clean( $values['typography']['checkbox_radio_color'] ); ?>; $radio_checkbox_styles_checked_color: <?php echo evf_clean( $values['typography']['checkbox_radio_checked_color'] ); ?>; // Field description variables. $field_description_font_color: <?php echo evf_clean( $values['typography']['field_description_font_color'] ); ?>; $field_description_font_size: <?php echo evf_clean( $values['typography']['field_description_font_size'] ); ?>; $field_description_line_height: <?php echo evf_clean( $values['typography']['field_description_line_height'] ); ?>; $field_description_text_alignment: <?php echo evf_clean( $values['typography']['field_description_text_alignment'] ); ?>; // Section Title styles variables. $section_title_font_color: <?php echo evf_clean( $values['typography']['section_title_font_color'] ); ?>; $section_title_font_size: <?php echo evf_clean( $values['typography']['section_title_font_size'] ); ?>; $section_title_alignment: <?php echo evf_clean( $values['typography']['section_title_text_alignment'] ); ?>; $section_title_line_height: <?php echo evf_clean( $values['typography']['section_title_line_height'] ); ?>; // Button styles variables. $button_font_color: <?php echo isset( $values['color_palette'][ $palette_key ]['button_text'] ) ? evf_clean( $values['color_palette'][ $palette_key ]['button_text'] ) : ''; ?>; $button_hover_font_color: <?php echo evf_clean( $values['typography']['button_hover_font_color'] ); ?>; $button_font_size: <?php echo evf_clean( $values['typography']['button_font_size'] ); ?>; $button_line_height: <?php echo evf_clean( $values['typography']['button_line_height'] ); ?>; $button_border_type: <?php echo evf_clean( $values['button']['border_type'] ); ?>; $button_border_color: <?php echo evf_clean( $values['typography']['button_border_color'] ); ?>; $button_border_hover_color: <?php echo evf_clean( $values['typography']['button_border_hover_color'] ); ?>; $button_background_color: <?php echo isset( $values['color_palette'][ $palette_key ]['button_background'] ) ? evf_clean( $values['color_palette'][ $palette_key ]['button_background'] ) : ''; ?>; $button_hover_background_color: <?php echo evf_clean( $values['typography']['button_hover_background_color'] ); ?>; // Success Message styles variables. $success_message_font_size: <?php echo evf_clean( $values['success_message']['font_size'] ); ?>; $success_message_text_alignment: <?php echo evf_clean( $values['success_message']['text_alignment'] ); ?>; $success_message_font_color: <?php echo evf_clean( $values['success_message']['font_color'] ); ?>; $success_message_background_color: <?php echo evf_clean( $values['success_message']['background_color'] ); ?>; $success_message_border_type: <?php echo evf_clean( $values['success_message']['border_type'] ); ?>; $success_message_border_color: <?php echo evf_clean( $values['success_message']['border_color'] ); ?>; $error_message_font_size: <?php echo evf_clean( $values['error_message']['font_size'] ); ?>; $error_message_text_alignment: <?php echo evf_clean( $values['error_message']['text_alignment'] ); ?>; $error_message_font_color: <?php echo evf_clean( $values['error_message']['font_color'] ); ?>; $error_message_background_color: <?php echo evf_clean( $values['error_message']['background_color'] ); ?>; $error_message_border_type: <?php echo evf_clean( $values['error_message']['border_type'] ); ?>; $error_message_border_color: <?php echo evf_clean( $values['error_message']['border_color'] ); ?>; // Validation Message styles variables. $validation_message_font_size: <?php echo evf_clean( $values['validation_message']['font_size'] ); ?>; $validation_message_text_alignment: <?php echo evf_clean( $values['validation_message']['text_alignment'] ); ?>; $validation_message_font_color: <?php echo evf_clean( $values['validation_message']['font_color'] ); ?>; $validation_message_background_color: <?php echo evf_clean( $values['validation_message']['background_color'] ); ?>; $validation_message_border_type: <?php echo evf_clean( $values['validation_message']['border_type'] ); ?>; $validation_message_border_color: <?php echo evf_clean( $values['validation_message']['border_color'] ); ?>; /** * Imports. */ @import "bourbon"; /** * Responsive. */ @mixin responsive-media( $property, $device, $values ) { @if $device == "desktop" { @include _directional-property( $property, null, $values ); } @else if $device == "tablet" { @media only screen and (max-width: 768px) { @include _directional-property( $property, null, $values); } } @else if $device == "mobile" { @media only screen and (max-width: 500px) { @include _directional-property( $property, null, $values); } } } /** * Styling begins. */ .everest-forms { #evf-#{$form_id} { &.evf-container { width: $container_width + '%'; <?php if ( '' !== $values['font']['font_family'] ) : ?> font-family: <?php echo evf_clean( $values['font']['font_family'] ); ?>; <?php endif; ?> <?php if ( isset( $values['color_palette'][ $palette_key ]['form_background'] ) ) : ?> background-color: <?php echo evf_clean( $values['color_palette'][ $palette_key ]['form_background'] ); ?>; <?php endif; ?> <?php if ( ! empty( $values['form_container']['background_image'] ) ) : ?> <?php printf( "background-image: url('%s');", esc_url( $values['form_container']['background_image'] ) ); ?> <?php if ( '' !== $values['form_container']['background_size'] ) : ?> background-size: <?php echo evf_clean( $values['form_container']['background_size'] ); ?>; <?php endif; ?> <?php if ( '' !== $values['form_container']['opacity'] ) : ?> opacity: <?php echo evf_clean( $values['form_container']['opacity'] ); ?>; <?php endif; ?> <?php if ( ! empty( $values['form_container']['background_position_x'] ) && ! empty( $values['form_container']['background_position_y'] ) ) : ?> <?php printf( 'background-position: %s %s;', empty( evf_clean( $values['form_container']['background_position_x'] ) ) ? '' : evf_clean( $values['form_container']['background_position_x'] ), empty( evf_clean( $values['form_container']['background_position_y'] ) ) ? '' : evf_clean( $values['form_container']['background_position_y'] ) ); ?> <?php endif; ?> <?php foreach ( array( 'background_repeat', 'background_attachment' ) as $background_prop ) : ?> <?php if ( ! empty( $values['form_container'][ $background_prop ] ) ) : ?> <?php printf( '%s: %s;', str_replace( '_', '-', $background_prop ), evf_clean( $values['form_container'][ $background_prop ] ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> <?php endif; ?> <?php endforeach; ?> <?php endif; ?> <?php if ( ! empty( $values['form_container']['border_type'] ) ) : ?> border-style: $container_border_type; <?php if ( 'none' !== $values['form_container']['border_type'] ) : ?> border-color: $container__border_color; <?php printf( '@include border-width(%s);', evf_sanitize_dimension_unit( $values['form_container']['border_width'], 'px' ) ); ?> <?php endif; ?> <?php endif; ?> <?php foreach ( $values['form_container']['border_radius'] as $prop => $value ) : ?> <?php if ( 'unit' !== $prop && ! empty( $value ) ) : ?> <?php printf( '@include border-%s-radius(%s);', $prop, evf_clean( $value . $values['form_container']['border_radius']['unit'] ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> <?php endif; ?> <?php endforeach; ?> <?php foreach ( array( 'margin', 'padding' ) as $separator_type ) : ?> <?php foreach ( $values['form_container'][ $separator_type ] as $device => $value ) : ?> <?php if ( in_array( $device, array( 'desktop', 'tablet', 'mobille' ), true ) ) : ?> <?php printf( '@include responsive-media(%s, %s, %s);', $separator_type, $device, evf_sanitize_dimension_unit( $value, 'px' ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> <?php endif; ?> <?php endforeach; ?> <?php endforeach; ?> label { &.evf-field-label { color: $field_label_font_color; font-size: $field_label_font_size + 'px'; line-height: $field_label_line_height; text-align: $field_label_text_alignment; <?php foreach ( array( 'field_labels_margin', 'field_labels_padding' ) as $separator_type ) : ?> <?php foreach ( $values['typography'][ $separator_type ] as $device => $value ) : ?> <?php if ( in_array( $device, array( 'desktop', 'tablet', 'mobille' ), true ) ) : ?> <?php printf( '@include responsive-media(%s, %s, %s);', preg_replace( '/.*_/', '', $separator_type ), $device, evf_sanitize_dimension_unit( $value, 'px' ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> <?php endif; ?> <?php endforeach; ?> <?php endforeach; ?> .evf-label { <?php foreach ( $font_styles as $prop => $value ) : ?> <?php if ( 'yes' === evf_bool_to_string( $values['typography']['field_labels_font_style'][ $value ] ) ) : ?> <?php printf( '%s: %s;', $prop, evf_clean( $value ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> <?php else : ?> <?php printf( '%s: %s;', $prop, evf_clean( $font_styles_default[ $prop ] ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> <?php endif; ?> <?php endforeach; ?> } } &.everest-forms-field-sublabel { color: $field_sublabel_font_color; font-size: $field_sublabel_font_size + 'px'; line-height: $field_sublabel_line_height; text-align: $field_sublabel_text_alignment; <?php foreach ( $font_styles as $prop => $value ) : ?> <?php if ( 'yes' === evf_bool_to_string( $values['typography']['field_sublabels_font_style'][ $value ] ) ) : ?> <?php printf( '%s: %s;', $prop, evf_clean( $value ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> <?php endif; ?> <?php endforeach; ?> <?php foreach ( array( 'field_sublabels_margin', 'field_sublabels_padding' ) as $separator_type ) : ?> <?php foreach ( $values['typography'][ $separator_type ] as $device => $value ) : ?> <?php if ( in_array( $device, array( 'desktop', 'tablet', 'mobille' ), true ) ) : ?> <?php printf( '@include responsive-media(%s, %s, %s);', preg_replace( '/.*_/', '', $separator_type ), $device, evf_sanitize_dimension_unit( $value, 'px' ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> <?php endif; ?> <?php endforeach; ?> <?php endforeach; ?> } } input[type='text'], input[type='email'], input[type='number'], input[type='password'], input[type='datetime'], input[type='datetime-local'], input[type='date'], input[type='time'], input[type='week'], input[type='url'], input[type='tel'], input[type='file'], textarea, select, canvas.evf-signature-canvas, .StripeElement { color: $field_styles_font_color; text-align: $field_styles_alignment; font-size: $field_styles_font_size + 'px'; <?php if ( isset( $values['color_palette'][ $palette_key ]['field_background'] ) && '' !== $values['color_palette'][ $palette_key ]['field_background'] ) : ?> background-color: <?php echo evf_clean( $values['color_palette'][ $palette_key ]['field_background'] ); ?>; <?php endif; ?> <?php foreach ( $font_styles as $prop => $value ) : ?> <?php if ( 'yes' === evf_bool_to_string( $values['typography']['field_styles_font_style'][ $value ] ) ) : ?> <?php printf( '%s: %s;', $prop, evf_clean( $value ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> <?php endif; ?> <?php endforeach; ?> <?php if ( isset( $values['field_styles']['border_type'] ) ) : ?> border-style: $field_styles_border_type; <?php if ( 'none' !== $values['field_styles']['border_type'] ) : ?> border-color: $field_styles_border_color; <?php printf( '@include border-width(%s);', evf_sanitize_dimension_unit( $values['field_styles']['border_width'], 'px' ) ); ?> <?php endif; ?> <?php endif; ?> <?php foreach ( $values['field_styles']['border_radius'] as $prop => $value ) : ?> <?php if ( 'unit' !== $prop && ! empty( $value ) ) : ?> <?php printf( '@include border-%s-radius(%s);', $prop, evf_clean( $value . $values['field_styles']['border_radius']['unit'] ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> <?php endif; ?> <?php endforeach; ?> <?php foreach ( array( 'field_styles_margin', 'field_styles_padding' ) as $separator_type ) : ?> <?php foreach ( $values['typography'][ $separator_type ] as $device => $value ) : ?> <?php if ( in_array( $device, array( 'desktop', 'tablet', 'mobille' ), true ) ) : ?> <?php printf( '@include responsive-media(%s, %s, %s);', preg_replace( '/.*_/', '', $separator_type ), $device, evf_sanitize_dimension_unit( $value, 'px' ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> <?php endif; ?> <?php endforeach; ?> <?php endforeach; ?> &::placeholder { color: $field_styles_placeholder_font_color; <?php foreach ( $font_styles as $prop => $value ) : ?> <?php if ( 'yes' === evf_bool_to_string( $values['typography']['field_styles_font_style'][ $value ] ) ) : ?> <?php printf( '%s: %s;', $prop, evf_clean( $value ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> <?php endif; ?> <?php endforeach; ?> } &:focus { <?php if ( 'none' !== $values['field_styles']['border_type'] ) : ?> border-color: $field_styles_border_focus_color; <?php endif; ?> } } .everest-forms-uploader { <?php if ( '#ffffff' !== $values['typography']['file_upload_background_color'] ) : ?> background-color: <?php echo evf_clean( $values['typography']['file_upload_background_color'] ); ?>; <?php endif; ?> <?php if ( isset( $values['file_upload_styles']['border_type'] ) ) : ?> border-style: $file_upload_styles_border_type; <?php if ( 'none' !== $values['file_upload_styles']['border_type'] ) : ?> border-color: $file_upload_styles_border_color; <?php printf( '@include border-width(%s);', evf_sanitize_dimension_unit( $values['file_upload_styles']['border_width'], 'px' ) ); ?> <?php endif; ?> <?php endif; ?> <?php foreach ( $values['file_upload_styles']['border_radius'] as $prop => $value ) : ?> <?php if ( 'unit' !== $prop && ! empty( $value ) ) : ?> <?php printf( '@include border-%s-radius(%s);', $prop, evf_clean( $value . $values['file_upload_styles']['border_radius']['unit'] ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> <?php endif; ?> <?php endforeach; ?> <?php foreach ( array( 'file_upload_margin', 'file_upload_padding' ) as $separator_type ) : ?> <?php foreach ( $values['typography'][ $separator_type ] as $device => $value ) : ?> <?php if ( in_array( $device, array( 'desktop', 'tablet', 'mobille' ), true ) ) : ?> <?php printf( '@include responsive-media(%s, %s, %s);', preg_replace( '/.*_/', '', $separator_type ), $device, evf_sanitize_dimension_unit( $value, 'px' ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> <?php endif; ?> <?php endforeach; ?> <?php endforeach; ?> .everest-forms-upload-title, .everest-forms-upload-hint, .dz-details, .dz-error-message { font-size: $file_upload_styles_font_size + 'px'; } .everest-forms-upload-title, .everest-forms-upload-hint, .dz-details span { color: $file_upload_styles_font_color; } .dz-message { > svg { <?php if ( '#ffffff' !== $values['typography']['file_upload_icon_background_color'] ) : ?> background-color: <?php echo evf_clean( $values['typography']['file_upload_icon_background_color'] ); ?>; <?php endif; ?> fill: $file_upload_styles_icon_color; } } } .evf-payment-total, .evf-single-item-price { color: $field_styles_font_color; text-align: $field_styles_alignment; font-size: $field_styles_font_size + 'px'; <?php foreach ( $font_styles as $prop => $value ) : ?> <?php if ( 'yes' === evf_bool_to_string( $values['typography']['field_styles_font_style'][ $value ] ) ) : ?> <?php printf( '%s: %s;', $prop, evf_clean( $value ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> <?php endif; ?> <?php endforeach; ?> <?php foreach ( array( 'field_styles_margin' ) as $separator_type ) : ?> <?php foreach ( $values['typography'][ $separator_type ] as $device => $value ) : ?> <?php if ( in_array( $device, array( 'desktop', 'tablet', 'mobille' ), true ) ) : ?> <?php printf( '@include responsive-media(%s, %s, %s);', preg_replace( '/.*_/', '', $separator_type ), $device, evf_sanitize_dimension_unit( $value, 'px' ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> <?php endif; ?> <?php endforeach; ?> <?php endforeach; ?> } .evf-field-radio, .evf-field-checkbox, .evf-field-payment-multiple, .evf-field-payment-checkbox, .evf-field-privacy-policy { ul { li { text-align: $radio_checkbox_styles_alignment; <?php foreach ( array( 'checkbox_radio_margin' ) as $separator_type ) : ?> <?php foreach ( $values['typography'][ $separator_type ] as $device => $value ) : ?> <?php if ( in_array( $device, array( 'desktop', 'tablet', 'mobille' ), true ) ) : ?> <?php if ( 'margin' === preg_replace( '/.*_/', '', $separator_type ) ) { $value['right'] = 0; $value['left'] = 0; } ?> <?php printf( '@include responsive-media(%s, %s, %s);', preg_replace( '/.*_/', '', $separator_type ), $device, evf_sanitize_dimension_unit( $value, 'px' ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> <?php endif; ?> <?php endforeach; ?> <?php endforeach; ?> input[type="radio"] { border-radius: 50%; <?php if ( 'default' === $values['typography']['checkbox_radio_style_variation'] ) { ?> <?php } elseif ( 'outline' === $values['typography']['checkbox_radio_style_variation'] ) { ?> &:checked { &::before { width: 50%; border-radius: 50%; background: $radio_checkbox_styles_checked_color; } } <?php } elseif ( 'filled' === $values['typography']['checkbox_radio_style_variation'] ) { ?> &:checked { &::before { width: 50%; border-radius: 50%; background: #fff; } } <?php } ?> } label { flex: 1; } } } input[type='checkbox'], input[type='radio'] { <?php if ( 'default' === $values['typography']['checkbox_radio_style_variation'] ) { ?> <?php } elseif ( 'outline' === $values['typography']['checkbox_radio_style_variation'] ) { ?> width : $radio_checkbox_styles__size + 'px'; height : $radio_checkbox_styles__size + 'px'; display : inline-flex; align-items : center; justify-content : center; -webkit-appearance : none; border: 1px solid $radio_checkbox_styles_color; &:checked { border-color: $radio_checkbox_styles_checked_color; &::before { content: ''; height: 50%; } } <?php } elseif ( 'filled' === $values['typography']['checkbox_radio_style_variation'] ) { ?> width : $radio_checkbox_styles__size + 'px'; height : $radio_checkbox_styles__size + 'px'; display : inline-flex; align-items : center; justify-content : center; -webkit-appearance : none; background-color : $radio_checkbox_styles_color; &:checked { background-color: $radio_checkbox_styles_checked_color; &::before { content: ''; height: 50%; } } <?php } ?> + label { font-size: $radio_checkbox_styles__font_size + 'px'; color: $radio_checkbox_styles__font_color; <?php foreach ( $font_styles as $prop => $value ) : ?> <?php if ( 'yes' === evf_bool_to_string( $values['typography']['checkbox_radio_font_style'][ $value ] ) ) : ?> <?php printf( '%s: %s;', $prop, evf_clean( $value ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> <?php endif; ?> <?php endforeach; ?> } } input[type="checkbox"] { <?php if ( 'default' === $values['typography']['checkbox_radio_style_variation'] ) { ?> <?php } elseif ( 'outline' === $values['typography']['checkbox_radio_style_variation'] ) { ?> &:checked { &::before { width: 25%; border: solid $radio_checkbox_styles_checked_color; border-width: 0 2px 2px 0; transform: rotate(45deg); margin-top: -12%; } } <?php } elseif ( 'filled' === $values['typography']['checkbox_radio_style_variation'] ) { ?> &:checked { &::before { width: 25%; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); margin-top: -12%; } } <?php } ?> } } .evf-field-description { color: $field_description_font_color; font-size: $field_description_font_size + 'px'; <?php foreach ( $font_styles as $prop => $value ) : ?> <?php if ( 'yes' === evf_bool_to_string( $values['typography']['field_description_font_style'][ $value ] ) ) : ?> <?php printf( '%s: %s;', $prop, evf_clean( $value ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> <?php endif; ?> <?php endforeach; ?> text-align: $field_description_text_alignment; line-height: $field_description_line_height; <?php foreach ( array( 'field_description_margin', 'field_description_padding' ) as $separator_type ) : ?> <?php foreach ( $values['typography'][ $separator_type ] as $device => $value ) : ?> <?php if ( in_array( $device, array( 'desktop', 'tablet', 'mobille' ), true ) ) : ?> <?php printf( '@include responsive-media(%s, %s, %s);', preg_replace( '/.*_/', '', $separator_type ), $device, evf_sanitize_dimension_unit( $value, 'px' ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> <?php endif; ?> <?php endforeach; ?> <?php endforeach; ?> } } .evf-field-title h3 { <?php if ( '' !== $values['font']['font_family'] ) : ?> font-family: <?php echo evf_clean( $values['font']['font_family'] ); ?>; <?php endif; ?> font-size: $section_title_font_size + 'px'; color: $section_title_font_color; text-align: $section_title_alignment; line-height: $section_title_line_height; <?php foreach ( $font_styles as $prop => $value ) : ?> <?php if ( 'yes' === evf_bool_to_string( $values['typography']['section_title_font_style'][ $value ] ) ) : ?> <?php printf( '%s: %s;', $prop, evf_clean( $value ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> <?php endif; ?> <?php endforeach; ?> <?php foreach ( array( 'section_title_margin', 'section_title_padding' ) as $separator_type ) : ?> <?php foreach ( $values['typography'][ $separator_type ] as $device => $value ) : ?> <?php if ( in_array( $device, array( 'desktop', 'tablet', 'mobille' ), true ) ) : ?> <?php printf( '@include responsive-media(%s, %s, %s);', preg_replace( '/.*_/', '', $separator_type ), $device, evf_sanitize_dimension_unit( $value, 'px' ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> <?php endif; ?> <?php endforeach; ?> <?php endforeach; ?> } .evf-submit-container, .everest-forms-multi-part-actions { input[type='submit'], button[type='submit'], .everest-forms-part-button { color: $button_font_color; font-size: $button_font_size + 'px'; line-height: $button_line_height; background-color: $button_background_color; <?php foreach ( $font_styles as $prop => $value ) : ?> <?php if ( 'yes' === evf_bool_to_string( $values['typography']['button_font_style'][ $value ] ) ) : ?> <?php printf( '%s: %s;', $prop, evf_clean( $value ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> <?php endif; ?> <?php endforeach; ?> <?php if ( isset( $values['button']['border_type'] ) ) : ?> border-style: $button_border_type; <?php if ( 'none' !== $values['button']['border_type'] ) : ?> border-color: $button_border_color; <?php printf( '@include border-width(%s);', evf_sanitize_dimension_unit( $values['button']['border_width'], 'px' ) ); ?> <?php endif; ?> <?php endif; ?> <?php foreach ( $values['button']['border_radius'] as $prop => $value ) : ?> <?php if ( 'unit' !== $prop && ! empty( $value ) ) : ?> <?php printf( '@include border-%s-radius(%s);', $prop, evf_clean( $value . $values['button']['border_radius']['unit'] ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> <?php endif; ?> <?php endforeach; ?> <?php foreach ( array( 'button_margin', 'button_padding' ) as $type ) : // phpcs:ignore WordPress.WP.GlobalVariablesOverride.Prohibited ?> <?php foreach ( $values['typography'][ $type ] as $device => $value ) : ?> <?php if ( in_array( $device, array( 'desktop', 'tablet', 'mobille' ), true ) ) : ?> <?php printf( '@include responsive-media(%s, %s, %s);', preg_replace( '/^[^_]+_/', '', $type ), $device, evf_sanitize_dimension_unit( $value, 'px' ) ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?> <?php endif; ?> <?php endforeach; ?> <?php endforeach; ?> &:hover, &:active { color: $button_hover_font_color; background-color: $button_hover_background_color; <?php if ( 'none' !== $values['button']['border_type'] ) : ?> border-color: $button_border_hover_color; <?php endif; ?> } } } .evf-submit-container { &:not(.everest-forms-multi-part-actions) { display: block; <?php if ( isset( $values['typography']['button_alignment'] ) && ! ( isset( $form_data['settings']['enable_multi_part'] ) && evf_string_to_bool( $form_data['settings']['enable_multi_part'] ) ) ) : ?> text-align: <?php echo evf_clean( $values['typography']['button_alignment'] ); ?>; <?php endif; ?> } } .evf-error { background-color: $validation_message_background_color; color: $validation_message_font_color; font-size: $validation_message_font_size + 'px'; <?php foreach ( $font_styles as $prop => $value ) : ?> <?php if ( 'yes' === evf_bool_to_string( $values['validation_message']['font_style'][ $value ] ) ) : ?> <?php printf( '%s: %s;', $prop, evf_clean( $value ) ); ?> <?php else : ?> <?php printf( '%s: %s;', $prop, evf_clean( $font_styles_default[ $prop ] ) ); ?> <?php endif; ?> <?php endforeach; ?> text-align: $validation_message_text_alignment; <?php if ( isset( $values['validation_message']['border_type'] ) ) : ?> border-style: $validation_message_border_type; <?php if ( 'none' !== $values['validation_message']['border_type'] ) : ?> border-color: $validation_message_border_color; <?php printf( '@include border-width(%s);', evf_sanitize_dimension_unit( $values['validation_message']['border_width'], 'px' ) ); ?> <?php endif; ?> <?php endif; ?> <?php foreach ( $values['validation_message']['border_radius'] as $prop => $value ) : ?> <?php if ( 'unit' !== $prop && ! empty( $value ) ) : ?> <?php printf( '@include border-%s-radius(%s);', $prop, evf_clean( $value . $values['validation_message']['border_radius']['unit'] ) ); ?> <?php endif; ?> <?php endforeach; ?> } &.layout-two { input[type='text'], input[type='email'], input[type='number'], input[type='password'], input[type='datetime'], input[type='datetime-local'], input[type='date'], input[type='time'], input[type='week'], input[type='url'], input[type='tel'], input[type='file'], textarea, select, canvas.evf-signature-canvas { border-top: transparent; border-left: transparent; border-right: transparent; border-radius: 0; } } &.evf-gutenberg-form-selector { .evf-submit-container { button, input[type=submit], input[type="reset"] { color: $button_font_color !important; background-color: $button_background_color !important; <?php if ( 'none' !== $values['button']['border_type'] ) : ?> border-color: $button_border_color !important; <?php endif; ?> } } } } .everest-forms-notice { &.everest-forms-notice--success { background-color: $success_message_background_color; color: $success_message_font_color; font-size: $success_message_font_size + 'px'; <?php foreach ( $font_styles as $prop => $value ) : ?> <?php if ( 'yes' === evf_bool_to_string( $values['success_message']['font_style'][ $value ] ) ) : ?> <?php printf( '%s: %s;', $prop, evf_clean( $value ) ); ?> <?php else : ?> <?php printf( '%s: %s;', $prop, evf_clean( $font_styles_default[ $prop ] ) ); ?> <?php endif; ?> <?php endforeach; ?> text-align: $success_message_text_alignment; <?php if ( isset( $values['success_message']['border_type'] ) ) : ?> border-style: $success_message_border_type; <?php if ( 'none' !== $values['success_message']['border_type'] ) : ?> border-color: $success_message_border_color; <?php printf( '@include border-width(%s);', evf_sanitize_dimension_unit( $values['success_message']['border_width'], 'px' ) ); ?> <?php endif; ?> <?php endif; ?> <?php foreach ( $values['success_message']['border_radius'] as $prop => $value ) : ?> <?php if ( 'unit' !== $prop && ! empty( $value ) ) : ?> <?php printf( '@include border-%s-radius(%s);', $prop, evf_clean( $value . $values['success_message']['border_radius']['unit'] ) ); ?> <?php endif; ?> <?php endforeach; ?> } &.everest-forms-notice--error { background-color: $error_message_background_color; color: $error_message_font_color; font-size: $error_message_font_size + 'px'; <?php foreach ( $font_styles as $prop => $value ) : ?> <?php if ( 'yes' === evf_bool_to_string( $values['error_message']['font_style'][ $value ] ) ) : ?> <?php printf( '%s: %s;', $prop, evf_clean( $value ) ); ?> <?php else : ?> <?php printf( '%s: %s;', $prop, evf_clean( $font_styles_default[ $prop ] ) ); ?> <?php endif; ?> <?php endforeach; ?> text-align: $error_message_text_alignment; <?php if ( isset( $values['error_message']['border_type'] ) ) : ?> border-style: $error_message_border_type; <?php if ( 'none' !== $values['error_message']['border_type'] ) : ?> border-color: $error_message_border_color; <?php printf( '@include border-width(%s);', evf_sanitize_dimension_unit( $values['error_message']['border_width'], 'px' ) ); ?> <?php endif; ?> <?php endif; ?> <?php foreach ( $values['error_message']['border_radius'] as $prop => $value ) : ?> <?php if ( 'unit' !== $prop && ! empty( $value ) ) : ?> <?php printf( '@include border-%s-radius(%s);', $prop, evf_clean( $value . $values['error_message']['border_radius']['unit'] ) ); ?> <?php endif; ?> <?php endforeach; ?> } } }
Save
Cancel
