astra_hb_search_dynamic_css( string $dynamic_css, string $dynamic_css_filtered = '' )
Dynamic CSS
Description
Parameters
- $dynamic_css
-
(string) (Required) Astra Dynamic CSS.
- $dynamic_css_filtered
-
(string) (Optional) Astra Dynamic CSS Filters.
Default value: ''
Return
(String) Generated dynamic CSS for Search.
Source
File: inc/builder/type/header/search/dynamic-css/dynamic.css.php
function astra_hb_search_dynamic_css( $dynamic_css, $dynamic_css_filtered = '' ) { if ( ! Astra_Builder_Helper::is_component_loaded( 'search', 'header' ) ) { return $dynamic_css; } $_section = 'section-header-search'; $selector = '.ast-header-search'; $icon_size = astra_get_option( 'header-search-icon-space' ); $icon_size_desktop = ( isset( $icon_size ) && isset( $icon_size['desktop'] ) && ! empty( $icon_size['desktop'] ) ) ? $icon_size['desktop'] : 20; $icon_size_tablet = ( isset( $icon_size ) && isset( $icon_size['tablet'] ) && ! empty( $icon_size['tablet'] ) ) ? $icon_size['tablet'] : 20; $icon_size_mobile = ( isset( $icon_size ) && isset( $icon_size['mobile'] ) && ! empty( $icon_size['mobile'] ) ) ? $icon_size['mobile'] : 20; $icon_color_desktop = astra_get_prop( astra_get_option( 'header-search-icon-color' ), 'desktop' ); $icon_color_tablet = astra_get_prop( astra_get_option( 'header-search-icon-color' ), 'tablet' ); $icon_color_mobile = astra_get_prop( astra_get_option( 'header-search-icon-color' ), 'mobile' ); $margin = astra_get_option( $_section . '-margin' ); $margin_selector = '.ast-hfb-header .site-header-section > .ast-header-search, .ast-hfb-header .ast-header-search'; /** * Search CSS. */ $css_output_desktop = array( $selector . ' .ast-search-menu-icon .search-form .search-field:-ms-input-placeholder,' . $selector . ' .ast-search-menu-icon .search-form .search-field:-ms-input-placeholder' => array( 'opacity' => '0.5', ), $selector . ' .ast-search-menu-icon.slide-search .search-form, .ast-header-search .ast-search-menu-icon.ast-inline-search .search-form' => array( '-js-display' => 'flex', 'display' => 'flex', 'align-items' => 'center', ), '.ast-builder-layout-element.ast-header-search' => array( 'height' => 'auto', ), $selector . ' .astra-search-icon' => array( 'color' => esc_attr( $icon_color_desktop ), 'font-size' => astra_get_css_value( $icon_size_desktop, 'px' ), ), $selector . ' .search-field::placeholder,' . $selector . ' .ast-icon' => array( 'color' => esc_attr( $icon_color_desktop ), ), $selector . ' .ast-search-menu-icon.ast-dropdown-active .search-field' => array( 'margin-right' => astra_get_css_value( $icon_size_desktop - 10, 'px' ), ), $margin_selector => array( // Margin CSS. 'margin-top' => astra_responsive_spacing( $margin, 'top', 'desktop' ), 'margin-bottom' => astra_responsive_spacing( $margin, 'bottom', 'desktop' ), 'margin-left' => astra_responsive_spacing( $margin, 'left', 'desktop' ), 'margin-right' => astra_responsive_spacing( $margin, 'right', 'desktop' ), ), ); $css_output_tablet = array( $selector . ' .astra-search-icon' => array( 'color' => esc_attr( $icon_color_tablet ), 'font-size' => astra_get_css_value( $icon_size_tablet, 'px' ), ), $selector . ' .search-field::placeholder' => array( 'color' => esc_attr( $icon_color_tablet ), ), $selector . ' .ast-search-menu-icon.ast-dropdown-active .search-field' => array( 'margin-right' => astra_get_css_value( $icon_size_tablet - 10, 'px' ), ), $margin_selector => array( // Margin CSS. 'margin-top' => astra_responsive_spacing( $margin, 'top', 'tablet' ), 'margin-bottom' => astra_responsive_spacing( $margin, 'bottom', 'tablet' ), 'margin-left' => astra_responsive_spacing( $margin, 'left', 'tablet' ), 'margin-right' => astra_responsive_spacing( $margin, 'right', 'tablet' ), ), ); $css_output_mobile = array( $selector . ' .astra-search-icon' => array( 'color' => esc_attr( $icon_color_mobile ), 'font-size' => astra_get_css_value( $icon_size_mobile, 'px' ), ), $selector . ' .search-field::placeholder' => array( 'color' => esc_attr( $icon_color_mobile ), ), $selector . ' .ast-search-menu-icon.ast-dropdown-active .search-field' => array( 'margin-right' => astra_get_css_value( $icon_size_mobile - 10, 'px' ), ), $margin_selector => array( // Margin CSS. 'margin-top' => astra_responsive_spacing( $margin, 'top', 'mobile' ), 'margin-bottom' => astra_responsive_spacing( $margin, 'bottom', 'mobile' ), 'margin-left' => astra_responsive_spacing( $margin, 'left', 'mobile' ), 'margin-right' => astra_responsive_spacing( $margin, 'right', 'mobile' ), ), ); /* Parse CSS from array() */ $css_output = astra_search_static_css(); $css_output .= astra_parse_css( $css_output_desktop ); $css_output .= astra_parse_css( $css_output_tablet, '', astra_get_tablet_breakpoint() ); $css_output .= astra_parse_css( $css_output_mobile, '', astra_get_mobile_breakpoint() ); $dynamic_css .= $css_output; $dynamic_css .= Astra_Builder_Base_Dynamic_CSS::prepare_visibility_css( $_section, $selector ); return $dynamic_css; }
Expand full source code Collapse full source code View on Trac
Changelog
Version | Description |
---|---|
3.0.0 | Introduced. |