582 lines
25 KiB
PHP
582 lines
25 KiB
PHP
<?php
|
|
/**
|
|
* Breadcrumbs - Dynamic CSS
|
|
*
|
|
* @package Astra
|
|
*/
|
|
|
|
if ( ! defined( 'ABSPATH' ) ) {
|
|
exit; // Exit if accessed directly.
|
|
}
|
|
|
|
/**
|
|
* Breadcrumbs
|
|
*/
|
|
add_filter( 'astra_dynamic_theme_css', 'astra_breadcrumb_section_dynamic_css' );
|
|
|
|
/**
|
|
* Dynamic CSS
|
|
*
|
|
* @param string $dynamic_css Astra Dynamic CSS.
|
|
* @param string $dynamic_css_filtered Astra Dynamic CSS Filters.
|
|
* @return String Generated dynamic CSS for Breadcrumb.
|
|
*
|
|
* @since 1.7.0
|
|
*/
|
|
function astra_breadcrumb_section_dynamic_css( $dynamic_css, $dynamic_css_filtered = '' ) {
|
|
|
|
$breadcrumb_position = astra_get_option( 'breadcrumb-position', 'none' );
|
|
|
|
$dynamic_css .= astra_parse_css(
|
|
array(
|
|
'.ast-breadcrumbs .trail-browse, .ast-breadcrumbs .trail-items, .ast-breadcrumbs .trail-items li' => array(
|
|
'display' => 'inline-block',
|
|
'margin' => '0',
|
|
'padding' => '0',
|
|
'border' => 'none',
|
|
'background' => 'inherit',
|
|
'text-indent' => '0',
|
|
'text-decoration' => 'none',
|
|
),
|
|
'.ast-breadcrumbs .trail-browse' => array(
|
|
'font-size' => 'inherit',
|
|
'font-style' => 'inherit',
|
|
'font-weight' => 'inherit',
|
|
'color' => 'inherit',
|
|
),
|
|
'.ast-breadcrumbs .trail-items' => array(
|
|
'list-style' => 'none',
|
|
),
|
|
'.trail-items li::after' => array(
|
|
'padding' => '0 0.3em',
|
|
'content' => '"\00bb"',
|
|
),
|
|
'.trail-items li:last-of-type::after' => array(
|
|
'display' => 'none',
|
|
),
|
|
),
|
|
'',
|
|
''
|
|
);
|
|
|
|
if ( 'none' === $breadcrumb_position ) {
|
|
return $dynamic_css;
|
|
}
|
|
|
|
/**
|
|
* Set CSS Params
|
|
*/
|
|
|
|
$default_color_array = array(
|
|
'desktop' => '',
|
|
'tablet' => '',
|
|
'mobile' => '',
|
|
);
|
|
|
|
$breadcrumb_text_color = astra_get_option( 'breadcrumb-text-color-responsive', $default_color_array );
|
|
$breadcrumb_active_color = astra_get_option( 'breadcrumb-active-color-responsive', $default_color_array );
|
|
$breadcrumb_hover_color = astra_get_option( 'breadcrumb-hover-color-responsive', $default_color_array );
|
|
$breadcrumb_separator_color = astra_get_option( 'breadcrumb-separator-color', $default_color_array );
|
|
$breadcrumb_bg_color = astra_get_option( 'breadcrumb-bg-color', $default_color_array );
|
|
|
|
$breadcrumb_font_size = astra_get_option( 'breadcrumb-font-size' );
|
|
$breadcrumb_spacing = astra_get_option( 'breadcrumb-spacing' );
|
|
$breadcrumb_alignment = astra_get_option( 'breadcrumb-alignment' );
|
|
$breadcrumb_separator = astra_get_option( 'breadcrumb-separator' );
|
|
$breadcrumb_separator_selector = astra_get_option( 'breadcrumb-separator-selector' );
|
|
|
|
/**
|
|
* Generate dynamic CSS based on the Breadcrumb Source option selected from the customizer.
|
|
*/
|
|
$breadcrumb_source = astra_get_option( 'select-breadcrumb-source' );
|
|
|
|
/**
|
|
* Generate Dynamic CSS
|
|
*/
|
|
|
|
$css = '';
|
|
$breadcrumbs_default_css = array();
|
|
$breadcrumb_enable = is_callable( 'WPSEO_Options::get' ) ? WPSEO_Options::get( 'breadcrumbs-enable' ) : false;
|
|
$wpseo_option = get_option( 'wpseo_internallinks' ) ? get_option( 'wpseo_internallinks' ) : $breadcrumb_enable;
|
|
if ( ! is_array( $wpseo_option ) ) {
|
|
unset( $wpseo_option );
|
|
$wpseo_option = array(
|
|
'breadcrumbs-enable' => $breadcrumb_enable,
|
|
);
|
|
}
|
|
|
|
/**
|
|
* Breadcrumb Separator
|
|
*/
|
|
$current_selected_separator = '';
|
|
|
|
if ( 'unicode' === $breadcrumb_separator_selector ) {
|
|
$current_selected_separator = $breadcrumb_separator;
|
|
} else {
|
|
$current_selected_separator = $breadcrumb_separator_selector;
|
|
}
|
|
|
|
|
|
$css .= astra_parse_css(
|
|
array(
|
|
'.trail-items li::after' => array(
|
|
'content' => '"' . $current_selected_separator . '"',
|
|
),
|
|
),
|
|
'',
|
|
''
|
|
);
|
|
|
|
/**
|
|
* Breadcrumb Colors & Typography
|
|
*/
|
|
if ( function_exists( 'yoast_breadcrumb' ) && true === $wpseo_option['breadcrumbs-enable'] && $breadcrumb_source && 'yoast-seo-breadcrumbs' == $breadcrumb_source ) {
|
|
|
|
/* Yoast SEO Breadcrumb CSS - Desktop */
|
|
$breadcrumbs_desktop = array(
|
|
'.ast-breadcrumbs-wrapper a' => array(
|
|
'color' => esc_attr( $breadcrumb_text_color['desktop'] ),
|
|
),
|
|
'.ast-breadcrumbs-wrapper .breadcrumb_last' => array(
|
|
'color' => esc_attr( $breadcrumb_active_color['desktop'] ),
|
|
),
|
|
'.ast-breadcrumbs-wrapper a:hover' => array(
|
|
'color' => esc_attr( $breadcrumb_hover_color['desktop'] ),
|
|
),
|
|
'.ast-breadcrumbs-wrapper span' => array(
|
|
'color' => esc_attr( $breadcrumb_separator_color['desktop'] ),
|
|
),
|
|
|
|
'.ast-breadcrumbs-wrapper a, .ast-breadcrumbs-wrapper .breadcrumb_last, .ast-breadcrumbs-wrapper span' => astra_get_font_array_css( astra_get_option( 'breadcrumb-font-family' ), astra_get_option( 'breadcrumb-font-weight' ), $breadcrumb_font_size, 'breadcrumb-font-extras' ),
|
|
);
|
|
|
|
/* Yoast SEO Breadcrumb CSS - Tablet */
|
|
$breadcrumbs_tablet = array(
|
|
'.ast-breadcrumbs-wrapper a' => array(
|
|
'color' => esc_attr( $breadcrumb_text_color['tablet'] ),
|
|
),
|
|
'.ast-breadcrumbs-wrapper .breadcrumb_last' => array(
|
|
'color' => esc_attr( $breadcrumb_active_color['tablet'] ),
|
|
),
|
|
'.ast-breadcrumbs-wrapper a:hover' => array(
|
|
'color' => esc_attr( $breadcrumb_hover_color['tablet'] ),
|
|
),
|
|
'.ast-breadcrumbs-wrapper span' => array(
|
|
'color' => esc_attr( $breadcrumb_separator_color['tablet'] ),
|
|
),
|
|
|
|
'.ast-breadcrumbs-wrapper a, .ast-breadcrumbs-wrapper .breadcrumb_last, .ast-breadcrumbs-wrapper span' => array(
|
|
'font-size' => astra_responsive_font( $breadcrumb_font_size, 'tablet' ),
|
|
),
|
|
);
|
|
|
|
/* Yoast SEO Breadcrumb CSS - Mobile */
|
|
$breadcrumbs_mobile = array(
|
|
'.ast-breadcrumbs-wrapper a' => array(
|
|
'color' => esc_attr( $breadcrumb_text_color['mobile'] ),
|
|
),
|
|
'.ast-breadcrumbs-wrapper .breadcrumb_last' => array(
|
|
'color' => esc_attr( $breadcrumb_active_color['mobile'] ),
|
|
),
|
|
'.ast-breadcrumbs-wrapper a:hover' => array(
|
|
'color' => esc_attr( $breadcrumb_hover_color['mobile'] ),
|
|
),
|
|
'.ast-breadcrumbs-wrapper span' => array(
|
|
'color' => esc_attr( $breadcrumb_separator_color['mobile'] ),
|
|
),
|
|
|
|
'.ast-breadcrumbs-wrapper a, .ast-breadcrumbs-wrapper .breadcrumb_last, .ast-breadcrumbs-wrapper span' => array(
|
|
'font-size' => astra_responsive_font( $breadcrumb_font_size, 'mobile' ),
|
|
),
|
|
);
|
|
} elseif ( function_exists( 'bcn_display' ) && $breadcrumb_source && 'breadcrumb-navxt' == $breadcrumb_source ) {
|
|
|
|
/* Breadcrumb NavXT CSS - Desktop */
|
|
$breadcrumbs_desktop = array(
|
|
'.ast-breadcrumbs-wrapper a' => array(
|
|
'color' => esc_attr( $breadcrumb_text_color['desktop'] ),
|
|
),
|
|
'.ast-breadcrumbs-wrapper .current-item' => array(
|
|
'color' => esc_attr( $breadcrumb_active_color['desktop'] ),
|
|
),
|
|
'.ast-breadcrumbs-wrapper a:hover' => array(
|
|
'color' => esc_attr( $breadcrumb_hover_color['desktop'] ),
|
|
),
|
|
'.ast-breadcrumbs-wrapper .breadcrumbs' => array(
|
|
'color' => esc_attr( $breadcrumb_separator_color['desktop'] ),
|
|
),
|
|
|
|
'.ast-breadcrumbs-wrapper a, .ast-breadcrumbs-wrapper .breadcrumbs, .ast-breadcrumbs-wrapper .current-item' => astra_get_font_array_css( astra_get_option( 'breadcrumb-font-family' ), astra_get_option( 'breadcrumb-font-weight' ), $breadcrumb_font_size, 'breadcrumb-font-extras' ),
|
|
);
|
|
|
|
/* Breadcrumb NavXT CSS - Tablet */
|
|
$breadcrumbs_tablet = array(
|
|
'.ast-breadcrumbs-wrapper a' => array(
|
|
'color' => esc_attr( $breadcrumb_text_color['tablet'] ),
|
|
),
|
|
'.ast-breadcrumbs-wrapper .current-item' => array(
|
|
'color' => esc_attr( $breadcrumb_active_color['tablet'] ),
|
|
),
|
|
'.ast-breadcrumbs-wrapper a:hover' => array(
|
|
'color' => esc_attr( $breadcrumb_hover_color['tablet'] ),
|
|
),
|
|
'.ast-breadcrumbs-wrapper .breadcrumbs' => array(
|
|
'color' => esc_attr( $breadcrumb_separator_color['tablet'] ),
|
|
),
|
|
|
|
'.ast-breadcrumbs-wrapper a, .ast-breadcrumbs-wrapper .breadcrumbs, .ast-breadcrumbs-wrapper .current-item' => array(
|
|
'font-size' => astra_responsive_font( $breadcrumb_font_size, 'tablet' ),
|
|
),
|
|
);
|
|
|
|
/* Breadcrumb NavXT CSS - Mobile */
|
|
$breadcrumbs_mobile = array(
|
|
'.ast-breadcrumbs-wrapper a' => array(
|
|
'color' => esc_attr( $breadcrumb_text_color['mobile'] ),
|
|
),
|
|
'.ast-breadcrumbs-wrapper .current-item' => array(
|
|
'color' => esc_attr( $breadcrumb_active_color['mobile'] ),
|
|
),
|
|
'.ast-breadcrumbs-wrapper a:hover' => array(
|
|
'color' => esc_attr( $breadcrumb_hover_color['mobile'] ),
|
|
),
|
|
'.ast-breadcrumbs-wrapper .breadcrumbs' => array(
|
|
'color' => esc_attr( $breadcrumb_separator_color['mobile'] ),
|
|
),
|
|
|
|
'.ast-breadcrumbs-wrapper a, .ast-breadcrumbs-wrapper .breadcrumbs, .ast-breadcrumbs-wrapper .current-item' => array(
|
|
'font-size' => astra_responsive_font( $breadcrumb_font_size, 'mobile' ),
|
|
),
|
|
);
|
|
} elseif ( function_exists( 'rank_math_the_breadcrumbs' ) && $breadcrumb_source && 'rank-math' == $breadcrumb_source ) {
|
|
|
|
/* Rank Math CSS - Desktop */
|
|
$breadcrumbs_desktop = array(
|
|
'.ast-breadcrumbs-wrapper a' => array(
|
|
'color' => esc_attr( $breadcrumb_text_color['desktop'] ),
|
|
),
|
|
'.ast-breadcrumbs-wrapper .last' => array(
|
|
'color' => esc_attr( $breadcrumb_active_color['desktop'] ),
|
|
),
|
|
'.ast-breadcrumbs-wrapper a:hover' => array(
|
|
'color' => esc_attr( $breadcrumb_hover_color['desktop'] ),
|
|
),
|
|
'.ast-breadcrumbs-wrapper .separator' => array(
|
|
'color' => esc_attr( $breadcrumb_separator_color['desktop'] ),
|
|
),
|
|
|
|
'.ast-breadcrumbs-wrapper a, .ast-breadcrumbs-wrapper .last, .ast-breadcrumbs-wrapper .separator' => astra_get_font_array_css( astra_get_option( 'breadcrumb-font-family' ), astra_get_option( 'breadcrumb-font-weight' ), $breadcrumb_font_size, 'breadcrumb-font-extras' ),
|
|
);
|
|
|
|
/* Rank Math CSS - Tablet */
|
|
$breadcrumbs_tablet = array(
|
|
'.ast-breadcrumbs-wrapper a' => array(
|
|
'color' => esc_attr( $breadcrumb_text_color['tablet'] ),
|
|
),
|
|
'.ast-breadcrumbs-wrapper .last' => array(
|
|
'color' => esc_attr( $breadcrumb_active_color['tablet'] ),
|
|
),
|
|
'.ast-breadcrumbs-wrapper a:hover' => array(
|
|
'color' => esc_attr( $breadcrumb_hover_color['tablet'] ),
|
|
),
|
|
'.ast-breadcrumbs-wrapper .separator' => array(
|
|
'color' => esc_attr( $breadcrumb_separator_color['tablet'] ),
|
|
),
|
|
|
|
'.ast-breadcrumbs-wrapper a, .ast-breadcrumbs-wrapper .last, .ast-breadcrumbs-wrapper .separator' => array(
|
|
'font-size' => astra_responsive_font( $breadcrumb_font_size, 'tablet' ),
|
|
),
|
|
);
|
|
|
|
/* Rank Math CSS - Mobile */
|
|
$breadcrumbs_mobile = array(
|
|
'.ast-breadcrumbs-wrapper a' => array(
|
|
'color' => esc_attr( $breadcrumb_text_color['mobile'] ),
|
|
),
|
|
'.ast-breadcrumbs-wrapper .last' => array(
|
|
'color' => esc_attr( $breadcrumb_active_color['mobile'] ),
|
|
),
|
|
'.ast-breadcrumbs-wrapper a:hover' => array(
|
|
'color' => esc_attr( $breadcrumb_hover_color['mobile'] ),
|
|
),
|
|
'.ast-breadcrumbs-wrapper .separator' => array(
|
|
'color' => esc_attr( $breadcrumb_separator_color['mobile'] ),
|
|
),
|
|
|
|
'.ast-breadcrumbs-wrapper a, .ast-breadcrumbs-wrapper .last, .ast-breadcrumbs-wrapper .separator' => array(
|
|
'font-size' => astra_responsive_font( $breadcrumb_font_size, 'mobile' ),
|
|
),
|
|
);
|
|
} elseif ( function_exists( 'seopress_display_breadcrumbs' ) && $breadcrumb_source && 'seopress' == $breadcrumb_source ) {
|
|
|
|
/* SEOPress CSS - Desktop */
|
|
$breadcrumbs_desktop = array(
|
|
'.ast-breadcrumbs-inner .breadcrumb-item a' => array(
|
|
'color' => esc_attr( $breadcrumb_text_color['desktop'] ),
|
|
),
|
|
'.ast-breadcrumbs-inner, .ast-breadcrumbs-inner .breadcrumb-item.active' => array(
|
|
'color' => esc_attr( $breadcrumb_active_color['desktop'] ),
|
|
),
|
|
'.ast-breadcrumbs-inner .breadcrumb-item a:hover' => array(
|
|
'color' => esc_attr( $breadcrumb_hover_color['desktop'] ),
|
|
),
|
|
'.ast-breadcrumbs-inner .breadcrumb-item:after' => array(
|
|
'color' => esc_attr( $breadcrumb_separator_color['desktop'] ),
|
|
),
|
|
'.ast-breadcrumbs-inner, .ast-breadcrumbs-inner .breadcrumb-item, .ast-breadcrumbs-inner .breadcrumb-item.active, .ast-breadcrumbs-inner .breadcrumb-item:after' => astra_get_font_array_css( astra_get_option( 'breadcrumb-font-family' ), astra_get_option( 'breadcrumb-font-weight' ), $breadcrumb_font_size, 'breadcrumb-font-extras' ),
|
|
);
|
|
|
|
/* SEOPress CSS - Tablet */
|
|
$breadcrumbs_tablet = array(
|
|
'.ast-breadcrumbs-inner .breadcrumb-item a' => array(
|
|
'color' => esc_attr( $breadcrumb_text_color['tablet'] ),
|
|
),
|
|
'.ast-breadcrumbs-inner, .ast-breadcrumbs-inner .breadcrumb-item.active' => array(
|
|
'color' => esc_attr( $breadcrumb_active_color['tablet'] ),
|
|
),
|
|
'.ast-breadcrumbs-inner .breadcrumb-item a:hover' => array(
|
|
'color' => esc_attr( $breadcrumb_hover_color['tablet'] ),
|
|
),
|
|
'.ast-breadcrumbs-inner .breadcrumb-item:after' => array(
|
|
'color' => esc_attr( $breadcrumb_separator_color['tablet'] ),
|
|
),
|
|
'.ast-breadcrumbs-inner, .ast-breadcrumbs-inner .breadcrumb-item, .ast-breadcrumbs-inner .breadcrumb-item.active, .ast-breadcrumbs-inner .breadcrumb-item:after' => array(
|
|
'font-size' => astra_responsive_font( $breadcrumb_font_size, 'tablet' ),
|
|
),
|
|
);
|
|
|
|
/* SEOPress CSS - Mobile */
|
|
$breadcrumbs_mobile = array(
|
|
'.ast-breadcrumbs-inner .breadcrumb-item a' => array(
|
|
'color' => esc_attr( $breadcrumb_text_color['mobile'] ),
|
|
),
|
|
'.ast-breadcrumbs-inner, .ast-breadcrumbs-inner .breadcrumb-item.active' => array(
|
|
'color' => esc_attr( $breadcrumb_active_color['mobile'] ),
|
|
),
|
|
'.ast-breadcrumbs-inner .breadcrumb-item a:hover' => array(
|
|
'color' => esc_attr( $breadcrumb_hover_color['mobile'] ),
|
|
),
|
|
'.ast-breadcrumbs-inner .breadcrumb-item:after' => array(
|
|
'color' => esc_attr( $breadcrumb_separator_color['mobile'] ),
|
|
),
|
|
'.ast-breadcrumbs-inner, .ast-breadcrumbs-inner .breadcrumb-item, .ast-breadcrumbs-inner .breadcrumb-item.active, .ast-breadcrumbs-inner .breadcrumb-item:after' => array(
|
|
'font-size' => astra_responsive_font( $breadcrumb_font_size, 'mobile' ),
|
|
),
|
|
);
|
|
} else {
|
|
|
|
/* Default Breadcrumb CSS - Desktop */
|
|
$breadcrumbs_desktop = array(
|
|
'.ast-breadcrumbs-wrapper .trail-items a' => array(
|
|
'color' => esc_attr( $breadcrumb_text_color['desktop'] ),
|
|
),
|
|
'.ast-breadcrumbs-wrapper .trail-items .trail-end' => array(
|
|
'color' => esc_attr( $breadcrumb_active_color['desktop'] ),
|
|
),
|
|
'.ast-breadcrumbs-wrapper .trail-items a:hover' => array(
|
|
'color' => esc_attr( $breadcrumb_hover_color['desktop'] ),
|
|
),
|
|
'.ast-breadcrumbs-wrapper .trail-items li::after' => array(
|
|
'color' => esc_attr( $breadcrumb_separator_color['desktop'] ),
|
|
),
|
|
|
|
'.ast-breadcrumbs-wrapper, .ast-breadcrumbs-wrapper *' => astra_get_font_array_css( astra_get_option( 'breadcrumb-font-family' ), astra_get_option( 'breadcrumb-font-weight' ), $breadcrumb_font_size, 'breadcrumb-font-extras' ),
|
|
);
|
|
|
|
/* Default Breadcrumb CSS - Tablet */
|
|
$breadcrumbs_tablet = array(
|
|
'.ast-breadcrumbs-wrapper .trail-items a' => array(
|
|
'color' => esc_attr( $breadcrumb_text_color['tablet'] ),
|
|
),
|
|
'.ast-breadcrumbs-wrapper .trail-items .trail-end' => array(
|
|
'color' => esc_attr( $breadcrumb_active_color['tablet'] ),
|
|
),
|
|
'.ast-breadcrumbs-wrapper .trail-items a:hover' => array(
|
|
'color' => esc_attr( $breadcrumb_hover_color['tablet'] ),
|
|
),
|
|
'.ast-breadcrumbs-wrapper .trail-items li::after' => array(
|
|
'color' => esc_attr( $breadcrumb_separator_color['tablet'] ),
|
|
),
|
|
|
|
'.ast-breadcrumbs-wrapper, .ast-breadcrumbs-wrapper a' => array(
|
|
'font-size' => astra_responsive_font( $breadcrumb_font_size, 'tablet' ),
|
|
),
|
|
);
|
|
|
|
/* Default Breadcrumb CSS - Mobile */
|
|
$breadcrumbs_mobile = array(
|
|
'.ast-breadcrumbs-wrapper .trail-items a' => array(
|
|
'color' => esc_attr( $breadcrumb_text_color['mobile'] ),
|
|
),
|
|
'.ast-breadcrumbs-wrapper .trail-items .trail-end' => array(
|
|
'color' => esc_attr( $breadcrumb_active_color['mobile'] ),
|
|
),
|
|
'.ast-breadcrumbs-wrapper .trail-items a:hover' => array(
|
|
'color' => esc_attr( $breadcrumb_hover_color['mobile'] ),
|
|
),
|
|
|
|
'.ast-breadcrumbs-wrapper .trail-items li::after' => array(
|
|
'color' => esc_attr( $breadcrumb_separator_color['mobile'] ),
|
|
),
|
|
|
|
'.ast-breadcrumbs-wrapper, .ast-breadcrumbs-wrapper a' => array(
|
|
'font-size' => astra_responsive_font( $breadcrumb_font_size, 'mobile' ),
|
|
),
|
|
);
|
|
}
|
|
|
|
/* Breadcrumb CSS for Background Color */
|
|
$breadcrumbs_desktop['.ast-breadcrumbs-wrapper, .main-header-bar.ast-header-breadcrumb'] = array(
|
|
'background-color' => esc_attr( $breadcrumb_bg_color['desktop'] ),
|
|
);
|
|
$breadcrumbs_tablet['.ast-breadcrumbs-wrapper, .main-header-bar.ast-header-breadcrumb'] = array(
|
|
'background-color' => esc_attr( $breadcrumb_bg_color['tablet'] ),
|
|
);
|
|
$breadcrumbs_mobile['.ast-breadcrumbs-wrapper, .main-header-bar.ast-header-breadcrumb'] = array(
|
|
'background-color' => esc_attr( $breadcrumb_bg_color['mobile'] ),
|
|
);
|
|
|
|
/* Breadcrumb CSS for Spacing */
|
|
if ( 'astra_header_markup_after' === $breadcrumb_position || 'astra_header_after' === $breadcrumb_position ) {
|
|
// After Header.
|
|
$breadcrumbs_desktop['.main-header-bar.ast-header-breadcrumb, .ast-header-break-point .main-header-bar.ast-header-breadcrumb, .ast-header-break-point .header-main-layout-2 .main-header-bar.ast-header-breadcrumb, .ast-header-break-point .ast-mobile-header-stack .main-header-bar.ast-header-breadcrumb, .ast-default-menu-enable.ast-main-header-nav-open.ast-header-break-point .main-header-bar-wrap .main-header-bar.ast-header-breadcrumb, .ast-main-header-nav-open .main-header-bar-wrap .main-header-bar.ast-header-breadcrumb'] = array(
|
|
'padding-top' => astra_responsive_spacing( $breadcrumb_spacing, 'top', 'desktop' ),
|
|
'padding-right' => astra_responsive_spacing( $breadcrumb_spacing, 'right', 'desktop' ),
|
|
'padding-bottom' => astra_responsive_spacing( $breadcrumb_spacing, 'bottom', 'desktop' ),
|
|
'padding-left' => astra_responsive_spacing( $breadcrumb_spacing, 'left', 'desktop' ),
|
|
);
|
|
$breadcrumbs_tablet['.main-header-bar.ast-header-breadcrumb, .ast-header-break-point .main-header-bar.ast-header-breadcrumb, .ast-header-break-point .header-main-layout-2 .main-header-bar.ast-header-breadcrumb, .ast-header-break-point .ast-mobile-header-stack .main-header-bar.ast-header-breadcrumb, .ast-default-menu-enable.ast-main-header-nav-open.ast-header-break-point .main-header-bar-wrap .main-header-bar.ast-header-breadcrumb, .ast-main-header-nav-open .main-header-bar-wrap .main-header-bar.ast-header-breadcrumb'] = array(
|
|
'padding-top' => astra_responsive_spacing( $breadcrumb_spacing, 'top', 'tablet' ),
|
|
'padding-right' => astra_responsive_spacing( $breadcrumb_spacing, 'right', 'tablet' ),
|
|
'padding-bottom' => astra_responsive_spacing( $breadcrumb_spacing, 'bottom', 'tablet' ),
|
|
'padding-left' => astra_responsive_spacing( $breadcrumb_spacing, 'left', 'tablet' ),
|
|
);
|
|
$breadcrumbs_mobile['.main-header-bar.ast-header-breadcrumb, .ast-header-break-point .main-header-bar.ast-header-breadcrumb, .ast-header-break-point .header-main-layout-2 .main-header-bar.ast-header-breadcrumb, .ast-header-break-point .ast-mobile-header-stack .main-header-bar.ast-header-breadcrumb, .ast-default-menu-enable.ast-main-header-nav-open.ast-header-break-point .main-header-bar-wrap .main-header-bar.ast-header-breadcrumb, .ast-main-header-nav-open .main-header-bar-wrap .main-header-bar.ast-header-breadcrumb'] = array(
|
|
'padding-top' => astra_responsive_spacing( $breadcrumb_spacing, 'top', 'mobile' ),
|
|
'padding-right' => astra_responsive_spacing( $breadcrumb_spacing, 'right', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $breadcrumb_spacing, 'bottom', 'mobile' ),
|
|
'padding-left' => astra_responsive_spacing( $breadcrumb_spacing, 'left', 'mobile' ),
|
|
);
|
|
$breadcrumbs_default_css['.ast-header-breadcrumb'] = array(
|
|
'padding-top' => '10px',
|
|
'padding-bottom' => '10px',
|
|
'width' => '100%',
|
|
);
|
|
} elseif ( 'astra_masthead_content' === $breadcrumb_position ) {
|
|
// Inside Header.
|
|
$breadcrumbs_desktop['.ast-breadcrumbs-wrapper .ast-breadcrumbs-inner #ast-breadcrumbs-yoast, .ast-breadcrumbs-wrapper .ast-breadcrumbs-inner .breadcrumbs, .ast-breadcrumbs-wrapper .ast-breadcrumbs-inner .rank-math-breadcrumb, .ast-breadcrumbs-inner nav'] = array(
|
|
'padding-top' => astra_responsive_spacing( $breadcrumb_spacing, 'top', 'desktop' ),
|
|
'padding-right' => astra_responsive_spacing( $breadcrumb_spacing, 'right', 'desktop' ),
|
|
'padding-bottom' => astra_responsive_spacing( $breadcrumb_spacing, 'bottom', 'desktop' ),
|
|
'padding-left' => astra_responsive_spacing( $breadcrumb_spacing, 'left', 'desktop' ),
|
|
);
|
|
$breadcrumbs_tablet['.ast-breadcrumbs-wrapper .ast-breadcrumbs-inner #ast-breadcrumbs-yoast, .ast-breadcrumbs-wrapper .ast-breadcrumbs-inner .breadcrumbs, .ast-breadcrumbs-wrapper .ast-breadcrumbs-inner .rank-math-breadcrumb, .ast-breadcrumbs-inner nav'] = array(
|
|
'padding-top' => astra_responsive_spacing( $breadcrumb_spacing, 'top', 'tablet' ),
|
|
'padding-right' => astra_responsive_spacing( $breadcrumb_spacing, 'right', 'tablet' ),
|
|
'padding-bottom' => astra_responsive_spacing( $breadcrumb_spacing, 'bottom', 'tablet' ),
|
|
'padding-left' => astra_responsive_spacing( $breadcrumb_spacing, 'left', 'tablet' ),
|
|
);
|
|
$breadcrumbs_mobile['.ast-breadcrumbs-wrapper .ast-breadcrumbs-inner #ast-breadcrumbs-yoast, .ast-breadcrumbs-wrapper .ast-breadcrumbs-inner .breadcrumbs, .ast-breadcrumbs-wrapper .ast-breadcrumbs-inner .rank-math-breadcrumb, .ast-breadcrumbs-inner nav'] = array(
|
|
'padding-top' => astra_responsive_spacing( $breadcrumb_spacing, 'top', 'mobile' ),
|
|
'padding-right' => astra_responsive_spacing( $breadcrumb_spacing, 'right', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $breadcrumb_spacing, 'bottom', 'mobile' ),
|
|
'padding-left' => astra_responsive_spacing( $breadcrumb_spacing, 'left', 'mobile' ),
|
|
);
|
|
$breadcrumbs_default_css['.ast-breadcrumbs-inner #ast-breadcrumbs-yoast, .ast-breadcrumbs-inner .breadcrumbs, .ast-breadcrumbs-inner .rank-math-breadcrumb, .ast-breadcrumbs-inner nav'] = array(
|
|
'padding-bottom' => '10px',
|
|
);
|
|
$breadcrumbs_default_css['.ast-header-break-point .ast-breadcrumbs-wrapper'] = array(
|
|
'order' => '4',
|
|
);
|
|
} else {
|
|
// Before Title.
|
|
$breadcrumbs_desktop['.ast-breadcrumbs-wrapper #ast-breadcrumbs-yoast, .ast-breadcrumbs-wrapper .breadcrumbs, .ast-breadcrumbs-wrapper .rank-math-breadcrumb, .ast-breadcrumbs-inner nav'] = array(
|
|
'padding-top' => astra_responsive_spacing( $breadcrumb_spacing, 'top', 'desktop' ),
|
|
'padding-right' => astra_responsive_spacing( $breadcrumb_spacing, 'right', 'desktop' ),
|
|
'padding-bottom' => astra_responsive_spacing( $breadcrumb_spacing, 'bottom', 'desktop' ),
|
|
'padding-left' => astra_responsive_spacing( $breadcrumb_spacing, 'left', 'desktop' ),
|
|
);
|
|
$breadcrumbs_tablet['.ast-breadcrumbs-wrapper #ast-breadcrumbs-yoast, .ast-breadcrumbs-wrapper .breadcrumbs, .ast-breadcrumbs-wrapper .rank-math-breadcrumb, .ast-breadcrumbs-inner nav'] = array(
|
|
'padding-top' => astra_responsive_spacing( $breadcrumb_spacing, 'top', 'tablet' ),
|
|
'padding-right' => astra_responsive_spacing( $breadcrumb_spacing, 'right', 'tablet' ),
|
|
'padding-bottom' => astra_responsive_spacing( $breadcrumb_spacing, 'bottom', 'tablet' ),
|
|
'padding-left' => astra_responsive_spacing( $breadcrumb_spacing, 'left', 'tablet' ),
|
|
);
|
|
$breadcrumbs_mobile['.ast-breadcrumbs-wrapper #ast-breadcrumbs-yoast, .ast-breadcrumbs-wrapper .breadcrumbs, .ast-breadcrumbs-wrapper .rank-math-breadcrumb, .ast-breadcrumbs-inner nav'] = array(
|
|
'padding-top' => astra_responsive_spacing( $breadcrumb_spacing, 'top', 'mobile' ),
|
|
'padding-right' => astra_responsive_spacing( $breadcrumb_spacing, 'right', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $breadcrumb_spacing, 'bottom', 'mobile' ),
|
|
'padding-left' => astra_responsive_spacing( $breadcrumb_spacing, 'left', 'mobile' ),
|
|
);
|
|
}
|
|
|
|
/* Breadcrumb CSS for Alignment */
|
|
$breadcrumbs_desktop['.ast-breadcrumbs-wrapper'] = array(
|
|
'text-align' => esc_attr( $breadcrumb_alignment ),
|
|
);
|
|
|
|
|
|
$css .= astra_parse_css( $breadcrumbs_desktop );
|
|
$css .= astra_parse_css( $breadcrumbs_tablet, '', astra_get_tablet_breakpoint() );
|
|
$css .= astra_parse_css( $breadcrumbs_mobile, '', astra_get_mobile_breakpoint() );
|
|
$css .= astra_parse_css( $breadcrumbs_default_css );
|
|
|
|
/* Breadcrumb default CSS */
|
|
$css .= astra_parse_css(
|
|
array(
|
|
'.ast-default-menu-enable.ast-main-header-nav-open.ast-header-break-point .main-header-bar.ast-header-breadcrumb, .ast-main-header-nav-open .main-header-bar.ast-header-breadcrumb' => array(
|
|
'padding-top' => '1em',
|
|
'padding-bottom' => '1em',
|
|
),
|
|
),
|
|
'',
|
|
''
|
|
);
|
|
|
|
$css .= astra_parse_css(
|
|
array(
|
|
'.ast-header-break-point .main-header-bar.ast-header-breadcrumb' => array(
|
|
'border-bottom-width' => '1px',
|
|
'border-bottom-color' => '#eaeaea',
|
|
'border-bottom-style' => 'solid',
|
|
),
|
|
),
|
|
'',
|
|
''
|
|
);
|
|
|
|
$css .= astra_parse_css(
|
|
array(
|
|
'.ast-breadcrumbs-wrapper' => array(
|
|
'line-height' => '1.4',
|
|
),
|
|
),
|
|
'',
|
|
''
|
|
);
|
|
|
|
$css .= astra_parse_css(
|
|
array(
|
|
'.ast-breadcrumbs-wrapper .rank-math-breadcrumb p' => array(
|
|
'margin-bottom' => '0px',
|
|
),
|
|
),
|
|
'',
|
|
''
|
|
);
|
|
|
|
$css .= astra_parse_css(
|
|
array(
|
|
'.ast-breadcrumbs-wrapper' => array(
|
|
'display' => 'block',
|
|
'width' => '100%',
|
|
),
|
|
),
|
|
'',
|
|
''
|
|
);
|
|
|
|
$dynamic_css .= $css;
|
|
|
|
return $dynamic_css;
|
|
}
|