Astra_Dynamic_CSS::astra_default_forms_styling_dynamic_css()
Dynamic CSS for default forms styling improvements.
Description
Return
(string) Dynamic CSS.
Source
File: inc/class-astra-dynamic-css.php
public static function astra_default_forms_styling_dynamic_css() {
$css = '';
$enable_site_accessibility = astra_get_option( 'site-accessibility-toggle', false );
$forms_default_styling_css = array(
'input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type=reset], input[type=tel], input[type=date], select, textarea' => array(
'font-size' => '16px',
'font-style' => 'normal',
'font-weight' => '400',
'line-height' => '24px',
'width' => '100%',
'padding' => '12px 16px',
'border-radius' => '4px',
'box-shadow' => '0px 1px 2px 0px rgba(0, 0, 0, 0.05)',
'color' => 'var(--ast-form-input-text, #475569)',
),
'input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type=reset], input[type=tel], input[type=date], select' => array(
'height' => '40px',
),
'input[type="date"]' => array(
'border-width' => '1px',
'border-style' => 'solid',
'border-color' => 'var(--ast-border-color)',
),
'input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type=reset]:focus, input[type="tel"]:focus, input[type="date"]:focus, select:focus, textarea:focus' => array(
'border-color' => 'var(--ast-global-color-0, #046BD2)',
'box-shadow' => 'none',
'outline' => 'none',
'color' => 'var(--ast-form-input-focus-text, #475569)',
),
'label, legend' => array(
'color' => '#111827',
'font-size' => '14px',
'font-style' => 'normal',
'font-weight' => '500',
'line-height' => '20px',
),
'select' => array(
'padding' => '6px 10px',
),
'fieldset' => array(
'padding' => '30px',
'border-radius' => '4px',
),
'button, .ast-button, .button, input[type="button"], input[type="reset"], input[type="submit"]' => array(
'border-radius' => '4px',
'box-shadow' => '0px 1px 2px 0px rgba(0, 0, 0, 0.05)',
),
':root' => array(
'--ast-comment-inputs-background' => '#FFF',
),
'::placeholder' => array(
'color' => 'var(--ast-form-field-color, #9CA3AF)',
),
'::-ms-input-placeholder' => array( /* Edge 12-18 */
'color' => 'var(--ast-form-field-color, #9CA3AF)',
),
);
if ( defined( 'WPCF7_VERSION' ) ) {
$wpcf7_dynamic_css = array(
'.wpcf7 input.wpcf7-form-control:not([type=submit]), .wpcf7 textarea.wpcf7-form-control' => array(
'padding' => '12px 16px',
),
'.wpcf7 select.wpcf7-form-control' => array(
'padding' => '6px 10px',
),
'.wpcf7 input.wpcf7-form-control:not([type=submit]):focus, .wpcf7 select.wpcf7-form-control:focus, .wpcf7 textarea.wpcf7-form-control:focus' => array(
'border-color' => 'var(--ast-global-color-0, #046BD2)',
'box-shadow' => 'none',
'outline' => 'none',
'color' => 'var(--ast-form-input-focus-text, #475569)',
),
'.wpcf7 .wpcf7-not-valid-tip' => array(
'color' => '#DC2626',
'font-size' => '14px',
'font-weight' => '400',
'line-height' => '20px',
'margin-top' => '8px',
),
'.wpcf7 input[type=file].wpcf7-form-control' => array(
'font-size' => '16px',
'font-style' => 'normal',
'font-weight' => '400',
'line-height' => '24px',
'width' => '100%',
'padding' => '12px 16px',
'border-radius' => '4px',
'box-shadow' => '0px 1px 2px 0px rgba(0, 0, 0, 0.05)',
'color' => 'var(--ast-form-input-text, #475569)',
),
);
$forms_default_styling_css = array_merge( $forms_default_styling_css, $wpcf7_dynamic_css );
}
if ( class_exists( 'GFForms' ) ) {
$gravity_forms_dynamic_css = array(
'input[type="radio"].gfield-choice-input:checked, input[type="checkbox"].gfield-choice-input:checked, .ginput_container_consent input[type="checkbox"]:checked' => array(
'border-color' => 'inherit',
'background-color' => 'inherit',
),
'input[type="radio"].gfield-choice-input:focus, input[type="checkbox"].gfield-choice-input:focus, .ginput_container_consent input[type="checkbox"]:focus' => array(
'border-color' => 'var(--ast-global-color-0, #046BD2)',
'box-shadow' => 'none',
'outline' => 'none',
'color' => 'var(--ast-form-input-focus-text, #475569)',
),
);
$forms_default_styling_css = array_merge( $forms_default_styling_css, $gravity_forms_dynamic_css );
}
// Default form styling accessibility options compatibility.
if ( $enable_site_accessibility ) {
$outline_style = astra_get_option( 'site-accessibility-highlight-type' );
$outline_color = astra_get_option( 'site-accessibility-highlight-color' );
$outline_input_style = astra_get_option( 'site-accessibility-highlight-input-type' );
$outline_input_color = astra_get_option( 'site-accessibility-highlight-input-color' );
$input_highlight = ( 'disable' !== $outline_input_style );
$selected_outline_style = $input_highlight ? $outline_input_style : $outline_style;
$selected_outline_color = $input_highlight ? $outline_input_color : $outline_color;
$forms_default_styling_css['input[type="text"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type=reset]:focus, input[type="tel"]:focus, input[type="date"]:focus, select:focus, textarea:focus'] = array(
'border-color' => $selected_outline_color ? $selected_outline_color : '#046BD2',
'box-shadow' => 'none',
'outline' => 'none',
'color' => 'var(--ast-form-input-focus-text, #475569)',
);
// Contact form 7 accessibility compatibility.
if ( defined( 'WPCF7_VERSION' ) ) {
$forms_default_styling_css['.wpcf7 input.wpcf7-form-control:not([type=submit]):focus, .wpcf7 select.wpcf7-form-control:focus, .wpcf7 textarea.wpcf7-form-control:focus'] = array(
'border-style' => $selected_outline_style ? $selected_outline_style : 'inherit',
'border-color' => $selected_outline_color ? $selected_outline_color : '#046BD2',
'border-width' => 'thin',
'box-shadow' => 'none',
'outline' => 'none',
'color' => 'var(--ast-form-input-focus-text, #475569)',
);
}
// Gravity forms accessibility compatibility.
if ( class_exists( 'GFForms' ) ) {
$forms_default_styling_css['input[type="radio"].gfield-choice-input:focus, input[type="checkbox"].gfield-choice-input:focus, .ginput_container_consent input[type="checkbox"]:focus'] = array(
'border-style' => $selected_outline_style ? $selected_outline_style : 'inherit',
'border-color' => $selected_outline_color ? $selected_outline_color : '#046BD2',
'border-width' => 'thin',
'box-shadow' => 'none',
'outline' => 'none',
'color' => 'var(--ast-form-input-focus-text, #475569)',
);
}
}
$css .= astra_parse_css( $forms_default_styling_css );
return $css;
}
Expand full source code Collapse full source code View on Trac
Changelog
| Version | Description |
|---|---|
| 4.6.0 | Introduced. |