diff options
Diffstat (limited to 'inc/addons/breadcrumbs/dynamic-css/dynamic.css.php')
-rw-r--r-- | inc/addons/breadcrumbs/dynamic-css/dynamic.css.php | 1078 |
1 files changed, 539 insertions, 539 deletions
diff --git a/inc/addons/breadcrumbs/dynamic-css/dynamic.css.php b/inc/addons/breadcrumbs/dynamic-css/dynamic.css.php index 1aa68c9..23132a5 100644 --- a/inc/addons/breadcrumbs/dynamic-css/dynamic.css.php +++ b/inc/addons/breadcrumbs/dynamic-css/dynamic.css.php @@ -1,539 +1,539 @@ -<?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',
- ),
- '.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_family = astra_get_option( 'breadcrumb-font-family' );
- $breadcrumb_font_weight = astra_get_option( 'breadcrumb-font-weight' );
- $breadcrumb_font_size = astra_get_option( 'breadcrumb-font-size' );
- $breadcrumb_line_height = astra_get_option( 'breadcrumb-line-height' );
- $breadcrumb_text_transform = astra_get_option( 'breadcrumb-text-transform' );
-
- $breadcrumb_spacing = astra_get_option( 'breadcrumb-spacing' );
-
- $breadcrumb_alignment = astra_get_option( 'breadcrumb-alignment' );
-
- /**
- * 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,
- );
- }
-
- $css .= astra_parse_css(
- array(
- '.trail-items li::after' => array(
- 'content' => '"' . astra_get_option( 'breadcrumb-separator', '\00bb' ) . '"',
- ),
- ),
- '',
- ''
- );
-
- /**
- * 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' => array(
- 'font-family' => astra_get_font_family( $breadcrumb_font_family ),
- 'font-weight' => esc_attr( $breadcrumb_font_weight ),
- 'font-size' => astra_responsive_font( $breadcrumb_font_size, 'desktop' ),
- 'line-height' => esc_attr( $breadcrumb_line_height ),
- 'text-transform' => esc_attr( $breadcrumb_text_transform ),
- ),
- );
-
- /* 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' => array(
- 'font-family' => astra_get_font_family( $breadcrumb_font_family ),
- 'font-weight' => esc_attr( $breadcrumb_font_weight ),
- 'font-size' => astra_responsive_font( $breadcrumb_font_size, 'desktop' ),
- 'line-height' => esc_attr( $breadcrumb_line_height ),
- 'text-transform' => esc_attr( $breadcrumb_text_transform ),
- ),
- );
-
- /* 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' => array(
- 'font-family' => astra_get_font_family( $breadcrumb_font_family ),
- 'font-weight' => esc_attr( $breadcrumb_font_weight ),
- 'font-size' => astra_responsive_font( $breadcrumb_font_size, 'desktop' ),
- 'line-height' => esc_attr( $breadcrumb_line_height ),
- 'text-transform' => esc_attr( $breadcrumb_text_transform ),
- ),
- );
-
- /* 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' ),
- ),
- );
- } 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 a' => array(
- 'font-family' => astra_get_font_family( $breadcrumb_font_family ),
- 'font-weight' => esc_attr( $breadcrumb_font_weight ),
- 'font-size' => astra_responsive_font( $breadcrumb_font_size, 'desktop' ),
- 'line-height' => esc_attr( $breadcrumb_line_height ),
- 'text-transform' => esc_attr( $breadcrumb_text_transform ),
- ),
- );
-
- /* 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',
- );
- } 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'] = 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'] = 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'] = 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'] = 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'] = 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'] = 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'] = 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;
-}
+<?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', + ), + '.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_family = astra_get_option( 'breadcrumb-font-family' ); + $breadcrumb_font_weight = astra_get_option( 'breadcrumb-font-weight' ); + $breadcrumb_font_size = astra_get_option( 'breadcrumb-font-size' ); + $breadcrumb_line_height = astra_get_option( 'breadcrumb-line-height' ); + $breadcrumb_text_transform = astra_get_option( 'breadcrumb-text-transform' ); + + $breadcrumb_spacing = astra_get_option( 'breadcrumb-spacing' ); + + $breadcrumb_alignment = astra_get_option( 'breadcrumb-alignment' ); + + /** + * 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, + ); + } + + $css .= astra_parse_css( + array( + '.trail-items li::after' => array( + 'content' => '"' . astra_get_option( 'breadcrumb-separator', '\00bb' ) . '"', + ), + ), + '', + '' + ); + + /** + * 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' => array( + 'font-family' => astra_get_font_family( $breadcrumb_font_family ), + 'font-weight' => esc_attr( $breadcrumb_font_weight ), + 'font-size' => astra_responsive_font( $breadcrumb_font_size, 'desktop' ), + 'line-height' => esc_attr( $breadcrumb_line_height ), + 'text-transform' => esc_attr( $breadcrumb_text_transform ), + ), + ); + + /* 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' => array( + 'font-family' => astra_get_font_family( $breadcrumb_font_family ), + 'font-weight' => esc_attr( $breadcrumb_font_weight ), + 'font-size' => astra_responsive_font( $breadcrumb_font_size, 'desktop' ), + 'line-height' => esc_attr( $breadcrumb_line_height ), + 'text-transform' => esc_attr( $breadcrumb_text_transform ), + ), + ); + + /* 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' => array( + 'font-family' => astra_get_font_family( $breadcrumb_font_family ), + 'font-weight' => esc_attr( $breadcrumb_font_weight ), + 'font-size' => astra_responsive_font( $breadcrumb_font_size, 'desktop' ), + 'line-height' => esc_attr( $breadcrumb_line_height ), + 'text-transform' => esc_attr( $breadcrumb_text_transform ), + ), + ); + + /* 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' ), + ), + ); + } 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 a' => array( + 'font-family' => astra_get_font_family( $breadcrumb_font_family ), + 'font-weight' => esc_attr( $breadcrumb_font_weight ), + 'font-size' => astra_responsive_font( $breadcrumb_font_size, 'desktop' ), + 'line-height' => esc_attr( $breadcrumb_line_height ), + 'text-transform' => esc_attr( $breadcrumb_text_transform ), + ), + ); + + /* 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', + ); + } 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'] = 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'] = 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'] = 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'] = 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'] = 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'] = 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'] = 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; +} |