989 lines
51 KiB
PHP
989 lines
51 KiB
PHP
<?php
|
|
/**
|
|
* Blog Pro - Dynamic CSS
|
|
*
|
|
* @package Astra Addon
|
|
*/
|
|
|
|
add_filter( 'astra_addon_dynamic_css', 'astra_ext_blog_pro_dynamic_css' );
|
|
|
|
/**
|
|
* Dynamic CSS
|
|
*
|
|
* @param string $dynamic_css Astra Dynamic CSS.
|
|
* @param string $dynamic_css_filtered Astra Dynamic CSS Filters.
|
|
* @return string
|
|
*/
|
|
function astra_ext_blog_pro_dynamic_css( $dynamic_css, $dynamic_css_filtered = '' ) {
|
|
|
|
$parse_css = '';
|
|
$css_output_tablet = '';
|
|
$css_output_mobile = '';
|
|
|
|
$is_site_rtl = is_rtl();
|
|
$ltr_left = $is_site_rtl ? 'right' : 'left';
|
|
$ltr_right = $is_site_rtl ? 'left' : 'right';
|
|
|
|
$body_font_family = astra_body_font_family();
|
|
$link_color = astra_get_option( 'link-color' );
|
|
$text_color = astra_get_option( 'text-color' );
|
|
|
|
$blog_layout = astra_addon_get_blog_layout();
|
|
$blog_pagination = astra_get_option( 'blog-pagination' );
|
|
$blog_pagination_style = astra_get_option( 'blog-pagination-style' );
|
|
|
|
// Social sharing.
|
|
$is_social_sharing_enabled = astra_get_option( 'single-post-social-sharing-icon-enable' );
|
|
|
|
// Author Box social sharing.
|
|
$author_box_enabled = astra_get_option( 'ast-author-info' );
|
|
$author_box_social_sharing_enabled = astra_get_option( 'author-box-socials' );
|
|
|
|
$css_output = array(
|
|
// Blog Layout 1 Dynamic Style.
|
|
'.ast-article-post .ast-date-meta .posted-on, .ast-article-post .ast-date-meta .posted-on *' => array(
|
|
'background' => esc_attr( $link_color ),
|
|
'color' => astra_get_foreground_color( $link_color ),
|
|
),
|
|
'.ast-article-post .ast-date-meta .posted-on .date-month, .ast-article-post .ast-date-meta .posted-on .date-year' => array(
|
|
'color' => astra_get_foreground_color( $link_color ),
|
|
),
|
|
'.ast-load-more:hover' => array(
|
|
'color' => astra_get_foreground_color( $link_color ),
|
|
'border-color' => esc_attr( $link_color ),
|
|
'background-color' => esc_attr( $link_color ),
|
|
),
|
|
'.ast-loader > div' => array(
|
|
'background-color' => esc_attr( $link_color ),
|
|
),
|
|
);
|
|
|
|
$blog_layout = astra_addon_get_blog_layout();
|
|
if ( astra_get_option( 'blog-date-box' ) && ( 'blog-layout-1' === $blog_layout || 'blog-layout-2' === $blog_layout || 'blog-layout-3' === $blog_layout ) ) {
|
|
$css_output['.ast-blog-featured-section.ast-blog-single-element'] = array(
|
|
'float' => is_rtl() ? 'right' : 'left',
|
|
);
|
|
}
|
|
|
|
if ( false === astra_get_option( 'ast-single-post-navigation' ) && 'badge' === astra_get_option( 'single-post-navigation-style' ) ) {
|
|
$css_output['.single .post-navigation a'] = array(
|
|
'padding' => '8px 14px',
|
|
'transition' => 'all 0.2s',
|
|
'font-size' => '14px',
|
|
'color' => esc_attr( astra_get_option( 'text-color' ) ),
|
|
'border' => '1px solid var(--ast-single-post-border, var(--ast-border-color))',
|
|
'border-radius' => '4px',
|
|
);
|
|
$css_output['.ast-separate-container.single .post-navigation a'] = array(
|
|
'background-color' => 'var(--ast-global-color-5)',
|
|
);
|
|
$css_output['.single .post-navigation a:hover'] = array(
|
|
'color' => esc_attr( astra_get_option( 'theme-color' ) ),
|
|
'border-color' => esc_attr( astra_get_option( 'theme-color' ) ),
|
|
);
|
|
}
|
|
|
|
if ( true === astra_get_option( 'customizer-default-layout-update', true ) ) {
|
|
$css_output['.ast-page-builder-template .ast-archive-description'] = array(
|
|
'margin-bottom' => '2em',
|
|
);
|
|
}
|
|
|
|
// BBpress forum page width compatibility.
|
|
if ( is_post_type_archive( 'forum' ) && is_bbpress() ) {
|
|
$css_output['.post-type-archive-forum .ast-width-md-4, .post-type-archive-forum .ast-width-md-6, .post-type-archive-forum .ast-width-md-3'] = array(
|
|
'width' => '100%',
|
|
);
|
|
}
|
|
|
|
if ( 'number' === $blog_pagination ) {
|
|
|
|
if ( 'circle' === $blog_pagination_style || 'square' === $blog_pagination_style ) {
|
|
|
|
$css_output['.ast-pagination .page-numbers'] = array(
|
|
'color' => $text_color,
|
|
'border-color' => $link_color,
|
|
);
|
|
|
|
$css_output['.ast-pagination .page-numbers.current, .ast-pagination .page-numbers:focus, .ast-pagination .page-numbers:hover'] = array(
|
|
'color' => astra_get_foreground_color( $link_color ),
|
|
'background-color' => $link_color,
|
|
'border-color' => $link_color,
|
|
);
|
|
}
|
|
}
|
|
|
|
if ( $is_social_sharing_enabled || ( $author_box_enabled && $author_box_social_sharing_enabled ) ) {
|
|
|
|
$selector = '.ast-post-social-sharing'; // Post social sharing selector.
|
|
$selector2 = '.ast-author-box-sharing'; // Author box social sharing.
|
|
$social_share_icon_backward = Astra_Addon_Update_Filter_Function::astra_addon_hide_social_share_icon_position(); // Backward checking of social share icon position.
|
|
|
|
$alignment = astra_get_option( 'single-post-social-sharing-alignment' );
|
|
$icon_sharing_position = astra_get_option( 'single-post-social-sharing-icon-position' );
|
|
$margin = astra_get_option( 'single-post-social-sharing-margin' );
|
|
$padding = astra_get_option( 'single-post-social-sharing-padding' );
|
|
$border_radius = astra_get_option( 'single-post-social-sharing-border-radius' );
|
|
$icon_spacing = astra_get_option( 'single-post-social-sharing-icon-spacing' );
|
|
$icon_size = astra_get_option( 'single-post-social-sharing-icon-size' );
|
|
$icon_bg_spacing = astra_get_option( 'single-post-social-sharing-icon-background-spacing' );
|
|
$icon_radius = astra_get_option( 'single-post-social-sharing-icon-radius' );
|
|
|
|
$icon_spacing_desktop = ( isset( $icon_spacing['desktop'] ) && '' !== $icon_spacing['desktop'] ) ? (int) $icon_spacing['desktop'] / 2 : '';
|
|
$icon_spacing_tablet = ( isset( $icon_spacing['tablet'] ) && '' !== $icon_spacing['tablet'] ) ? (int) $icon_spacing['tablet'] / 2 : '';
|
|
$icon_spacing_mobile = ( isset( $icon_spacing['mobile'] ) && '' !== $icon_spacing['mobile'] ) ? (int) $icon_spacing['mobile'] / 2 : '';
|
|
|
|
$icon_size_desktop = ( isset( $icon_size['desktop'] ) && '' !== $icon_size['desktop'] ) ? (int) $icon_size['desktop'] : '';
|
|
$icon_size_tablet = ( isset( $icon_size['tablet'] ) && '' !== $icon_size['tablet'] ) ? (int) $icon_size['tablet'] : '';
|
|
$icon_size_mobile = ( isset( $icon_size['mobile'] ) && '' !== $icon_size['mobile'] ) ? (int) $icon_size['mobile'] : '';
|
|
|
|
$icon_bg_spacing_desktop = ( isset( $icon_bg_spacing['desktop'] ) && '' !== $icon_bg_spacing['desktop'] ) ? (int) $icon_bg_spacing['desktop'] : '';
|
|
$icon_bg_spacing_tablet = ( isset( $icon_bg_spacing['tablet'] ) && '' !== $icon_bg_spacing['tablet'] ) ? (int) $icon_bg_spacing['tablet'] : '';
|
|
$icon_bg_spacing_mobile = ( isset( $icon_bg_spacing['mobile'] ) && '' !== $icon_bg_spacing['mobile'] ) ? (int) $icon_bg_spacing['mobile'] : '';
|
|
|
|
$icon_radius_desktop = ( isset( $icon_radius['desktop'] ) && '' !== $icon_radius['desktop'] ) ? (int) $icon_radius['desktop'] : '';
|
|
$icon_radius_tablet = ( isset( $icon_radius['tablet'] ) && '' !== $icon_radius['tablet'] ) ? (int) $icon_radius['tablet'] : '';
|
|
$icon_radius_mobile = ( isset( $icon_radius['mobile'] ) && '' !== $icon_radius['mobile'] ) ? (int) $icon_radius['mobile'] : '';
|
|
|
|
// Normal Responsive Colors.
|
|
$color_type = astra_get_option( 'single-post-social-sharing-icon-color-type' );
|
|
$social_icons_color_desktop = astra_get_prop( astra_get_option( 'single-post-social-sharing-icon-color' ), 'desktop' );
|
|
$social_icons_color_tablet = astra_get_prop( astra_get_option( 'single-post-social-sharing-icon-color' ), 'tablet' );
|
|
$social_icons_color_mobile = astra_get_prop( astra_get_option( 'single-post-social-sharing-icon-color' ), 'mobile' );
|
|
|
|
// Hover Responsive Colors.
|
|
$social_icons_h_color_desktop = astra_get_prop( astra_get_option( 'single-post-social-sharing-icon-h-color' ), 'desktop' );
|
|
$social_icons_h_color_tablet = astra_get_prop( astra_get_option( 'single-post-social-sharing-icon-h-color' ), 'tablet' );
|
|
$social_icons_h_color_mobile = astra_get_prop( astra_get_option( 'single-post-social-sharing-icon-h-color' ), 'mobile' );
|
|
|
|
// Normal Responsive Bg Colors.
|
|
$social_icons_bg_color_desktop = astra_get_prop( astra_get_option( 'single-post-social-sharing-icon-background-color' ), 'desktop' );
|
|
$social_icons_bg_color_tablet = astra_get_prop( astra_get_option( 'single-post-social-sharing-icon-background-color' ), 'tablet' );
|
|
$social_icons_bg_color_mobile = astra_get_prop( astra_get_option( 'single-post-social-sharing-icon-background-color' ), 'mobile' );
|
|
|
|
// Hover Responsive Bg Colors.
|
|
$social_icons_h_bg_color_desktop = astra_get_prop( astra_get_option( 'single-post-social-sharing-icon-background-h-color' ), 'desktop' );
|
|
$social_icons_h_bg_color_tablet = astra_get_prop( astra_get_option( 'single-post-social-sharing-icon-background-h-color' ), 'tablet' );
|
|
$social_icons_h_bg_color_mobile = astra_get_prop( astra_get_option( 'single-post-social-sharing-icon-background-h-color' ), 'mobile' );
|
|
|
|
// Normal Responsive Label Colors.
|
|
$social_icons_label_color_desktop = astra_get_prop( astra_get_option( 'single-post-social-sharing-icon-label-color' ), 'desktop' );
|
|
$social_icons_label_color_tablet = astra_get_prop( astra_get_option( 'single-post-social-sharing-icon-label-color' ), 'tablet' );
|
|
$social_icons_label_color_mobile = astra_get_prop( astra_get_option( 'single-post-social-sharing-icon-label-color' ), 'mobile' );
|
|
|
|
// Hover Responsive Label Colors.
|
|
$social_icons_label_h_color_desktop = astra_get_prop( astra_get_option( 'single-post-social-sharing-icon-label-h-color' ), 'desktop' );
|
|
$social_icons_label_h_color_tablet = astra_get_prop( astra_get_option( 'single-post-social-sharing-icon-label-h-color' ), 'tablet' );
|
|
$social_icons_label_h_color_mobile = astra_get_prop( astra_get_option( 'single-post-social-sharing-icon-label-h-color' ), 'mobile' );
|
|
|
|
// Normal Responsive Header Colors.
|
|
$social_heading_color_desktop = astra_get_prop( astra_get_option( 'single-post-social-sharing-heading-color' ), 'desktop' );
|
|
$social_heading_color_tablet = astra_get_prop( astra_get_option( 'single-post-social-sharing-heading-color' ), 'tablet' );
|
|
$social_heading_color_mobile = astra_get_prop( astra_get_option( 'single-post-social-sharing-heading-color' ), 'mobile' );
|
|
|
|
// Hover Responsive Header Colors.
|
|
$social_heading_h_color_desktop = astra_get_prop( astra_get_option( 'single-post-social-sharing-heading-h-color' ), 'desktop' );
|
|
$social_heading_h_color_tablet = astra_get_prop( astra_get_option( 'single-post-social-sharing-heading-h-color' ), 'tablet' );
|
|
$social_heading_h_color_mobile = astra_get_prop( astra_get_option( 'single-post-social-sharing-heading-h-color' ), 'mobile' );
|
|
|
|
$social_heading_position = astra_get_option( 'single-post-social-sharing-heading-position' );
|
|
|
|
// Background color.
|
|
$social_bg_color_desktop = astra_get_prop( astra_get_option( 'single-post-social-sharing-background-color' ), 'desktop' );
|
|
$social_bg_color_tablet = astra_get_prop( astra_get_option( 'single-post-social-sharing-background-color' ), 'tablet' );
|
|
$social_bg_color_mobile = astra_get_prop( astra_get_option( 'single-post-social-sharing-background-color' ), 'mobile' );
|
|
|
|
// Label font.
|
|
$icon_label_font_size = astra_get_option( 'single-post-social-sharing-icon-label-font-size' );
|
|
$icon_label_font_family = astra_get_option( 'single-post-social-sharing-icon-label-font-family' );
|
|
$icon_label_font_weight = astra_get_option( 'single-post-social-sharing-icon-label-font-weight' );
|
|
$icon_label_line_height = astra_addon_get_font_extras( astra_get_option( 'single-post-social-sharing-icon-label-font-extras' ), 'line-height', 'line-height-unit' );
|
|
$icon_label_text_transform = astra_addon_get_font_extras( astra_get_option( 'single-post-social-sharing-icon-label-font-extras' ), 'text-transform' );
|
|
$icon_label_letter_spacing = astra_addon_get_font_extras( astra_get_option( 'single-post-social-sharing-icon-label-font-extras' ), 'letter-spacing', 'letter-spacing-unit' );
|
|
$icon_label_text_decoration = astra_addon_get_font_extras( astra_get_option( 'single-post-social-sharing-icon-label-font-extras' ), 'text-decoration' );
|
|
|
|
// Heading font.
|
|
$heading_font_size = astra_get_option( 'single-post-social-sharing-heading-font-size' );
|
|
$heading_font_family = astra_get_option( 'single-post-social-sharing-heading-font-family' );
|
|
$heading_font_weight = astra_get_option( 'single-post-social-sharing-heading-font-weight' );
|
|
$heading_line_height = astra_addon_get_font_extras( astra_get_option( 'single-post-social-sharing-heading-font-extras' ), 'line-height', 'line-height-unit' );
|
|
$heading_text_transform = astra_addon_get_font_extras( astra_get_option( 'single-post-social-sharing-heading-font-extras' ), 'text-transform' );
|
|
$heading_letter_spacing = astra_addon_get_font_extras( astra_get_option( 'single-post-social-sharing-heading-font-extras' ), 'letter-spacing', 'letter-spacing-unit' );
|
|
$heading_text_decoration = astra_addon_get_font_extras( astra_get_option( 'single-post-social-sharing-heading-font-extras' ), 'text-decoration' );
|
|
|
|
$fixed_social = array();
|
|
$fixed_social_single = array();
|
|
|
|
$is_social_fixed = 'left-content' === $icon_sharing_position || 'right-content' === $icon_sharing_position;
|
|
|
|
$margin_rvs_left = $is_social_fixed ? 'top' : $ltr_left;
|
|
$margin_rvs_right = $is_social_fixed ? 'bottom' : $ltr_right;
|
|
|
|
if ( $is_social_fixed ) {
|
|
|
|
$fixed_social_sharing_position = 'left-content' === $icon_sharing_position ? $ltr_left : $ltr_right;
|
|
|
|
$fixed_social = array(
|
|
'position' => 'fixed',
|
|
$fixed_social_sharing_position => '0',
|
|
'top' => '50%',
|
|
'transform' => 'translateY(-50%)',
|
|
'z-index' => '99',
|
|
);
|
|
}
|
|
|
|
$css_output[ $selector . ' .ast-social-inner-wrap .ast-social-icon-a:first-child, ' . $selector2 . ' .ast-social-inner-wrap .ast-social-icon-a:first-child' ] = array(
|
|
'margin-' . $margin_rvs_left => '0',
|
|
);
|
|
|
|
$css_output[ $selector . ' .ast-social-inner-wrap .ast-social-icon-a:last-child, ' . $selector2 . ' .ast-social-inner-wrap .ast-social-icon-a:last-child' ] = array(
|
|
'margin-' . $margin_rvs_right => '0',
|
|
);
|
|
|
|
$alignment_rtl = $alignment === $ltr_left ? 'flex-start' : 'flex-end';
|
|
|
|
$css_output[ $selector ] = array_merge(
|
|
array(
|
|
'display' => 'flex',
|
|
'flex-wrap' => 'wrap',
|
|
'flex-direction' => 'column',
|
|
'align-items' => 'center' === $alignment ? 'center' : $alignment_rtl,
|
|
),
|
|
$fixed_social
|
|
);
|
|
|
|
|
|
// Added this block for hiding responsive devices is present with backward.
|
|
if ( $social_share_icon_backward && in_array( $icon_sharing_position, array( 'left-content', 'right-content' ) ) ) {
|
|
$css_output[ '.ast-header-break-point ' . $selector ] = array(
|
|
'display' => 'none',
|
|
);
|
|
}
|
|
|
|
$css_output[ $selector2 ] = array(
|
|
'display' => 'flex',
|
|
'flex-wrap' => 'wrap',
|
|
'flex-direction' => 'column',
|
|
'align-items' => 'center' === $alignment ? 'center' : $alignment_rtl,
|
|
);
|
|
|
|
$css_output[ $selector . ' .ast-social-inner-wrap, ' . $selector2 . ' .ast-social-inner-wrap' ] = array(
|
|
'margin-top' => astra_responsive_spacing( $margin, 'top', 'desktop' ),
|
|
'margin-bottom' => astra_responsive_spacing( $margin, 'bottom', 'desktop' ),
|
|
'margin-' . $ltr_left => astra_responsive_spacing( $margin, 'left', 'desktop' ),
|
|
'margin-' . $ltr_right => astra_responsive_spacing( $margin, 'right', 'desktop' ),
|
|
'padding-top' => astra_responsive_spacing( $padding, 'top', 'desktop' ),
|
|
'padding-bottom' => astra_responsive_spacing( $padding, 'bottom', 'desktop' ),
|
|
'padding-' . $ltr_left => astra_responsive_spacing( $padding, 'left', 'desktop' ),
|
|
'padding-' . $ltr_right => astra_responsive_spacing( $padding, 'right', 'desktop' ),
|
|
'border-top-' . $ltr_left . '-radius' => astra_responsive_spacing( $border_radius, 'top_left', 'desktop' ),
|
|
'border-top-' . $ltr_right . '-radius' => astra_responsive_spacing( $border_radius, 'top_right', 'desktop' ),
|
|
'border-bottom-' . $ltr_left . '-radius' => astra_responsive_spacing( $border_radius, 'bottom_left', 'desktop' ),
|
|
'border-bottom-' . $ltr_right . '-radius' => astra_responsive_spacing( $border_radius, 'bottom_right', 'desktop' ),
|
|
'width' => 'auto',
|
|
);
|
|
|
|
$css_output[ $selector . ' a.ast-social-icon-a, ' . $selector2 . ' a.ast-social-icon-a' ] = array(
|
|
'justify-content' => 'center',
|
|
'line-height' => 'normal',
|
|
'display' => $is_social_fixed ? 'flex' : 'inline-flex',
|
|
'text-align' => 'center',
|
|
'text-decoration' => 'none',
|
|
);
|
|
|
|
$css_output[ $selector . ' a.ast-social-icon-a' ] = array(
|
|
'display' => $is_social_fixed ? 'block' : 'inline-block',
|
|
'margin-' . $margin_rvs_left => astra_get_css_value( $icon_spacing_desktop, 'px' ),
|
|
'margin-' . $margin_rvs_right => astra_get_css_value( $icon_spacing_desktop, 'px' ),
|
|
);
|
|
$css_output[ $selector2 . ' a.ast-social-icon-a' ] = array(
|
|
'display' => 'inline-block',
|
|
'margin-' . $ltr_left => astra_get_css_value( $icon_spacing_desktop, 'px' ),
|
|
'margin-' . $ltr_right => astra_get_css_value( $icon_spacing_desktop, 'px' ),
|
|
);
|
|
|
|
$css_output[ $selector . ' .social-item-label, ' . $selector2 . ' .social-item-label' ] = array(
|
|
// Margin CSS.
|
|
'font-size' => astra_responsive_font( $icon_label_font_size, 'desktop' ),
|
|
'font-weight' => astra_get_css_value( $icon_label_font_weight, 'font' ),
|
|
'font-family' => astra_get_css_value( $icon_label_font_family, 'font' ),
|
|
'line-height' => esc_attr( $icon_label_line_height ),
|
|
'text-transform' => esc_attr( $icon_label_text_transform ),
|
|
'text-decoration' => esc_attr( $icon_label_text_decoration ),
|
|
'letter-spacing' => esc_attr( $icon_label_letter_spacing ),
|
|
'width' => '100%',
|
|
'text-align' => 'center',
|
|
);
|
|
|
|
$css_output[ $selector . ' .ast-social-sharing-heading' ] = array(
|
|
// Margin CSS.
|
|
'font-size' => astra_responsive_font( $heading_font_size, 'desktop' ),
|
|
'font-weight' => astra_get_css_value( $heading_font_weight, 'font' ),
|
|
'font-family' => astra_get_css_value( $heading_font_family, 'font' ),
|
|
'line-height' => esc_attr( $heading_line_height ),
|
|
'text-transform' => esc_attr( $heading_text_transform ),
|
|
'text-decoration' => esc_attr( $heading_text_decoration ),
|
|
'letter-spacing' => esc_attr( $heading_letter_spacing ),
|
|
);
|
|
|
|
$css_output[ $selector . ' .ast-social-element, ' . $selector2 . ' .ast-social-element' ] = array(
|
|
// Icon Background Space.
|
|
'padding' => astra_get_css_value( $icon_bg_spacing_desktop, 'px' ),
|
|
// Icon Radius.
|
|
'border-radius' => astra_get_css_value( $icon_radius_desktop, 'px' ),
|
|
);
|
|
|
|
$css_output[ $selector . ' .ast-social-element svg, ' . $selector2 . ' .ast-social-element svg' ] = array(
|
|
// Icon Size.
|
|
'width' => astra_get_css_value( $icon_size_desktop, 'px' ),
|
|
'height' => astra_get_css_value( $icon_size_desktop, 'px' ),
|
|
);
|
|
|
|
$css_output[ $selector . ' .ast-social-icon-image-wrap, ' . $selector2 . ' .ast-social-icon-image-wrap' ] = array(
|
|
// Icon Background Space.
|
|
'margin' => astra_get_css_value( $icon_bg_spacing_desktop, 'px' ),
|
|
);
|
|
|
|
if ( 'custom' === $color_type ) {
|
|
$css_output[ $selector . ' .ast-social-color-type-custom svg, ' . $selector2 . ' .ast-social-color-type-custom svg' ]['fill'] = $social_icons_color_desktop;
|
|
$css_output[ $selector . ' .ast-social-color-type-custom .ast-social-element, ' . $selector2 . ' .ast-social-color-type-custom .ast-social-element' ]['background'] = $social_icons_bg_color_desktop;
|
|
|
|
$css_output[ $selector . ' .ast-social-color-type-custom .ast-social-icon-a:hover .ast-social-element, ' . $selector2 . ' .ast-social-color-type-custom .ast-social-icon-a:hover .ast-social-element' ] = array(
|
|
// Hover.
|
|
'color' => $social_icons_h_color_desktop,
|
|
'background' => $social_icons_h_bg_color_desktop,
|
|
);
|
|
|
|
$css_output[ $selector . ' .ast-social-color-type-custom .ast-social-icon-a:hover svg, ' . $selector2 . ' .ast-social-color-type-custom .ast-social-icon-a:hover svg' ] = array(
|
|
'fill' => $social_icons_h_color_desktop,
|
|
);
|
|
|
|
} else {
|
|
$css_output[ $selector . ' .ast-social-element svg, ' . $selector2 . ' .ast-social-element svg' ]['fill'] = 'var(--color)';
|
|
}
|
|
|
|
// Label Color.
|
|
if ( isset( $social_icons_label_color_desktop ) && ! empty( $social_icons_label_color_desktop ) ) {
|
|
$css_output[ $selector . ' .social-item-label, ' . $selector2 . ' .social-item-label' ]['color'] = $social_icons_label_color_desktop;
|
|
}
|
|
|
|
// Label Hover Color.
|
|
if ( isset( $social_icons_label_h_color_desktop ) && ! empty( $social_icons_label_h_color_desktop ) ) {
|
|
$css_output[ $selector . ' .ast-social-icon-a:hover .social-item-label, ' . $selector2 . ' .ast-social-icon-a:hover .social-item-label' ]['color'] = $social_icons_label_h_color_desktop;
|
|
}
|
|
|
|
// Heading Color.
|
|
if ( isset( $social_heading_color_desktop ) && ! empty( $social_heading_color_desktop ) ) {
|
|
$css_output[ $selector . ' .ast-social-sharing-heading, ' . $selector2 . ' .ast-social-sharing-heading' ]['color'] = $social_heading_color_desktop;
|
|
}
|
|
|
|
// Heading Hover Color.
|
|
if ( isset( $social_heading_h_color_desktop ) && ! empty( $social_heading_h_color_desktop ) ) {
|
|
$css_output[ $selector . ' .ast-social-sharing-heading:hover, ' . $selector2 . ' .ast-social-sharing-heading:hover' ]['color'] = $social_heading_h_color_desktop;
|
|
}
|
|
|
|
if ( isset( $social_bg_color_desktop ) && ! empty( $social_bg_color_desktop ) ) {
|
|
$css_output[ $selector . ' .ast-social-inner-wrap, ' . $selector2 . ' .ast-social-inner-wrap' ]['background-color'] = $social_bg_color_desktop;
|
|
}
|
|
|
|
/**
|
|
* Social_icons CSS tablet.
|
|
*/
|
|
$css_output_tablet = array(
|
|
$selector . ' .ast-social-element svg, ' . $selector2 . ' .ast-social-element svg' => array(
|
|
|
|
// Icon Size.
|
|
'width' => astra_get_css_value( $icon_size_tablet, 'px' ),
|
|
'height' => astra_get_css_value( $icon_size_tablet, 'px' ),
|
|
),
|
|
|
|
$selector . ' .ast-social-inner-wrap .ast-social-icon-a, ' . $selector2 . ' .ast-social-inner-wrap .ast-social-icon-a' => array(
|
|
// Icon Spacing.
|
|
'margin-' . $margin_rvs_left => astra_get_css_value( $icon_spacing_tablet, 'px' ),
|
|
'margin-' . $margin_rvs_right => astra_get_css_value( $icon_spacing_tablet, 'px' ),
|
|
),
|
|
|
|
$selector . ' .ast-social-element, ' . $selector2 . ' .ast-social-element' => array(
|
|
// Icon Background Space.
|
|
'padding' => astra_get_css_value( $icon_bg_spacing_tablet, 'px' ),
|
|
|
|
// Icon Radius.
|
|
'border-radius' => astra_get_css_value( $icon_radius_tablet, 'px' ),
|
|
),
|
|
|
|
$selector . ' .ast-social-icon-image-wrap, ' . $selector2 . ' .ast-social-icon-image-wrap' => array(
|
|
|
|
// Icon Background Space.
|
|
'margin' => astra_get_css_value( $icon_bg_spacing_tablet, 'px' ),
|
|
),
|
|
|
|
$selector . ' .ast-social-inner-wrap, ' . $selector2 . ' .ast-social-inner-wrap' => array(
|
|
// Margin CSS.
|
|
'margin-top' => astra_responsive_spacing( $margin, 'top', 'tablet' ),
|
|
'margin-bottom' => astra_responsive_spacing( $margin, 'bottom', 'tablet' ),
|
|
'margin-' . $ltr_left => astra_responsive_spacing( $margin, 'left', 'tablet' ),
|
|
'margin-' . $ltr_right => astra_responsive_spacing( $margin, 'right', 'tablet' ),
|
|
'padding-top' => astra_responsive_spacing( $padding, 'top', 'tablet' ),
|
|
'padding-bottom' => astra_responsive_spacing( $padding, 'bottom', 'tablet' ),
|
|
'padding-' . $ltr_left => astra_responsive_spacing( $padding, 'left', 'tablet' ),
|
|
'padding-' . $ltr_right => astra_responsive_spacing( $padding, 'right', 'tablet' ),
|
|
'border-top-' . $ltr_left . '-radius' => astra_responsive_spacing( $border_radius, 'top_left', 'tablet' ),
|
|
'border-top-' . $ltr_right . '-radius' => astra_responsive_spacing( $border_radius, 'top_right', 'tablet' ),
|
|
'border-bottom-' . $ltr_left . '-radius' => astra_responsive_spacing( $border_radius, 'bottom_left', 'tablet' ),
|
|
'border-bottom-' . $ltr_right . '-radius' => astra_responsive_spacing( $border_radius, 'bottom_right', 'tablet' ),
|
|
),
|
|
|
|
$selector . ' .social-item-label' => array(
|
|
// Margin CSS.
|
|
'font-size' => astra_responsive_font( $icon_label_font_size, 'tablet' ),
|
|
),
|
|
|
|
$selector . ' .ast-social-sharing-heading' => array(
|
|
// Margin CSS.
|
|
'font-size' => astra_responsive_font( $heading_font_size, 'tablet' ),
|
|
),
|
|
|
|
);
|
|
|
|
if ( 'custom' === $color_type ) {
|
|
$css_output_tablet[ $selector . ' .ast-social-color-type-custom svg, ' . $selector2 . ' .ast-social-color-type-custom svg' ]['fill'] = $social_icons_color_tablet;
|
|
|
|
$css_output_tablet[ $selector . ' .ast-social-color-type-custom .ast-social-element, ' . $selector2 . ' .ast-social-color-type-custom .ast-social-element' ]['background'] = $social_icons_bg_color_tablet;
|
|
|
|
$css_output_tablet[ $selector . ' .ast-social-color-type-custom .ast-social-icon-a:hover .ast-social-element, ' . $selector2 . ' .ast-social-color-type-custom .ast-social-icon-a:hover .ast-social-element' ] = array(
|
|
// Hover.
|
|
'color' => $social_icons_h_color_tablet,
|
|
'background' => $social_icons_h_bg_color_tablet,
|
|
);
|
|
$css_output_tablet[ $selector . ' .ast-social-color-type-custom .ast-social-icon-a:hover svg, ' . $selector2 . ' .ast-social-color-type-custom .ast-social-icon-a:hover svg' ] = array(
|
|
'fill' => $social_icons_h_color_tablet,
|
|
);
|
|
}
|
|
|
|
// Label Color.
|
|
if ( isset( $social_icons_label_color_tablet ) && ! empty( $social_icons_label_color_tablet ) ) {
|
|
$css_output_tablet[ $selector . ' .social-item-label, ' . $selector . ' .social-item-label' ]['color'] = $social_icons_label_color_tablet;
|
|
}
|
|
|
|
// Label Hover Color.
|
|
if ( isset( $social_icons_label_h_color_tablet ) && ! empty( $social_icons_label_h_color_tablet ) ) {
|
|
$css_output_tablet[ $selector . ' .ast-social-icon-a:hover .social-item-label, ' . $selector2 . ' .ast-social-icon-a:hover .social-item-label' ]['color'] = $social_icons_label_h_color_tablet;
|
|
}
|
|
|
|
// Heading Color.
|
|
if ( isset( $social_heading_color_tablet ) && ! empty( $social_heading_color_tablet ) ) {
|
|
$css_output_tablet[ $selector . ' .ast-social-sharing-heading' ]['color'] = $social_heading_color_tablet;
|
|
}
|
|
|
|
// Heading Hover Color.
|
|
if ( isset( $social_heading_h_color_tablet ) && ! empty( $social_heading_h_color_tablet ) ) {
|
|
$css_output_tablet[ $selector . ' .ast-social-sharing-heading:hover' ]['color'] = $social_heading_h_color_tablet;
|
|
}
|
|
|
|
if ( isset( $social_bg_color_tablet ) && ! empty( $social_bg_color_tablet ) ) {
|
|
$css_output_tablet[ $selector . ' .ast-social-inner-wrap, ' . $selector2 . ' .ast-social-inner-wrap' ]['background-color'] = $social_bg_color_tablet;
|
|
}
|
|
|
|
/**
|
|
* Social_icons mobile.
|
|
*/
|
|
$css_output_mobile = array(
|
|
$selector . ' .ast-social-element svg, ' . $selector2 . ' .ast-social-element svg' => array(
|
|
// Icon Size.
|
|
'width' => astra_get_css_value( $icon_size_mobile, 'px' ),
|
|
'height' => astra_get_css_value( $icon_size_mobile, 'px' ),
|
|
),
|
|
|
|
$selector . ' .ast-social-inner-wrap .ast-social-icon-a, ' . $selector2 . ' .ast-social-inner-wrap .ast-social-icon-a' => array(
|
|
// Icon Spacing.
|
|
'margin-' . $margin_rvs_left => astra_get_css_value( $icon_spacing_mobile, 'px' ),
|
|
'margin-' . $margin_rvs_right => astra_get_css_value( $icon_spacing_mobile, 'px' ),
|
|
),
|
|
|
|
$selector . ' .ast-social-element, ' . $selector2 . ' .ast-social-element' => array(
|
|
// Icon Background Space.
|
|
'padding' => astra_get_css_value( $icon_bg_spacing_mobile, 'px' ),
|
|
|
|
// Icon Radius.
|
|
'border-radius' => astra_get_css_value( $icon_radius_mobile, 'px' ),
|
|
),
|
|
|
|
$selector . ' .ast-social-icon-image-wrap, ' . $selector2 . ' .ast-social-icon-image-wrap' => array(
|
|
|
|
// Icon Background Space.
|
|
'margin' => astra_get_css_value( $icon_bg_spacing_mobile, 'px' ),
|
|
),
|
|
|
|
$selector . ' .ast-social-inner-wrap, ' . $selector2 . ' .ast-social-inner-wrap' => array(
|
|
'margin-top' => astra_responsive_spacing( $margin, 'top', 'mobile' ),
|
|
'margin-bottom' => astra_responsive_spacing( $margin, 'bottom', 'mobile' ),
|
|
'margin-' . $ltr_left => astra_responsive_spacing( $margin, 'left', 'mobile' ),
|
|
'margin-' . $ltr_right => astra_responsive_spacing( $margin, 'right', 'mobile' ),
|
|
'padding-top' => astra_responsive_spacing( $padding, 'top', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $padding, 'bottom', 'mobile' ),
|
|
'padding-' . $ltr_left => astra_responsive_spacing( $padding, 'left', 'mobile' ),
|
|
'padding-' . $ltr_right => astra_responsive_spacing( $padding, 'right', 'mobile' ),
|
|
'border-top-' . $ltr_left . '-radius' => astra_responsive_spacing( $border_radius, 'top_left', 'mobile' ),
|
|
'border-top-' . $ltr_right . '-radius' => astra_responsive_spacing( $border_radius, 'top_right', 'mobile' ),
|
|
'border-bottom-' . $ltr_left . '-radius' => astra_responsive_spacing( $border_radius, 'bottom_left', 'mobile' ),
|
|
'border-bottom-' . $ltr_right . '-radius' => astra_responsive_spacing( $border_radius, 'bottom_right', 'mobile' ),
|
|
),
|
|
|
|
$selector . ' .social-item-label' => array(
|
|
// Margin CSS.
|
|
'font-size' => astra_responsive_font( $icon_label_font_size, 'mobile' ),
|
|
),
|
|
|
|
$selector . ' .ast-social-sharing-heading' => array(
|
|
// Margin CSS.
|
|
'font-size' => astra_responsive_font( $heading_font_size, 'mobile' ),
|
|
),
|
|
);
|
|
|
|
if ( 'custom' === $color_type ) {
|
|
$css_output_mobile[ $selector . ' .ast-social-color-type-custom svg, ' . $selector2 . ' .ast-social-color-type-custom svg' ]['fill'] = $social_icons_color_mobile;
|
|
|
|
$css_output_mobile[ $selector . ' .ast-social-color-type-custom .ast-social-element, ' . $selector2 . ' .ast-social-color-type-custom .ast-social-element' ]['background'] = $social_icons_bg_color_mobile;
|
|
|
|
$css_output_mobile[ $selector . ' .ast-social-color-type-custom .ast-social-icon-a:hover .ast-social-element, ' . $selector2 . ' .ast-social-color-type-custom .ast-social-icon-a:hover .ast-social-element' ] = array(
|
|
// Hover.
|
|
'color' => $social_icons_h_color_mobile,
|
|
'background' => $social_icons_h_bg_color_mobile,
|
|
);
|
|
$css_output_mobile[ $selector . ' .ast-social-color-type-custom .ast-social-icon-a:hover svg, ' . $selector2 . ' .ast-social-color-type-custom .ast-social-icon-a:hover svg' ] = array(
|
|
'fill' => $social_icons_h_color_mobile,
|
|
);
|
|
|
|
}
|
|
|
|
// Label Color.
|
|
if ( isset( $social_icons_label_color_mobile ) && ! empty( $social_icons_label_color_mobile ) ) {
|
|
$css_output_mobile[ $selector . ' .social-item-label, ' . $selector2 . ' .social-item-label' ]['color'] = $social_icons_label_color_mobile;
|
|
}
|
|
|
|
// Label Hover Color.
|
|
if ( isset( $social_icons_label_h_color_mobile ) && ! empty( $social_icons_label_h_color_mobile ) ) {
|
|
$css_output_mobile[ $selector . ' .ast-social-icon-a:hover .social-item-label, ' . $selector2 . ' .ast-social-icon-a:hover .social-item-label' ]['color'] = $social_icons_label_h_color_mobile;
|
|
}
|
|
|
|
// Heading Color.
|
|
if ( isset( $social_heading_color_mobile ) && ! empty( $social_heading_color_mobile ) ) {
|
|
$css_output_mobile[ $selector . ' .ast-social-sharing-heading' ]['color'] = $social_heading_color_mobile;
|
|
}
|
|
|
|
// Heading Hover Color.
|
|
if ( isset( $social_heading_h_color_mobile ) && ! empty( $social_heading_h_color_mobile ) ) {
|
|
$css_output_mobile[ $selector . ' .ast-social-sharing-heading:hover' ]['color'] = $social_heading_h_color_mobile;
|
|
}
|
|
|
|
if ( isset( $social_bg_color_mobile ) && ! empty( $social_bg_color_mobile ) ) {
|
|
$css_output_mobile[ $selector . ' .ast-social-inner-wrap' ]['background-color'] = $social_bg_color_mobile;
|
|
}
|
|
|
|
$social_sharing_static_css = '';
|
|
|
|
if ( 'below-post' === $icon_sharing_position ) {
|
|
$social_sharing_static_css .= '
|
|
.ast-post-social-sharing .ast-social-inner-wrap {
|
|
padding-top: 1em;
|
|
}
|
|
';
|
|
}
|
|
|
|
if ( 'left-content' === $icon_sharing_position || 'right-content' === $icon_sharing_position ) {
|
|
$social_sharing_static_css .= '
|
|
.ast-post-social-sharing .ast-social-inner-wrap {
|
|
padding: 1em;
|
|
}
|
|
|
|
.ast-post-social-sharing .ast-social-sharing-heading {
|
|
margin-left: .5em;
|
|
margin-right: .5em;
|
|
}
|
|
';
|
|
}
|
|
|
|
if ( 'above' === $social_heading_position ) {
|
|
$social_sharing_static_css .= '
|
|
.ast-post-social-sharing .ast-social-sharing-heading {
|
|
margin-bottom: .5em;
|
|
}
|
|
';
|
|
}
|
|
|
|
if ( 'below' === $social_heading_position ) {
|
|
$social_sharing_static_css .= '
|
|
.ast-post-social-sharing .ast-social-sharing-heading {
|
|
margin-top: .5em;
|
|
}
|
|
';
|
|
}
|
|
|
|
$social_sharing_static_css .= '
|
|
.ast-post-social-sharing .ast-social-inner-wrap, .ast-author-box-sharing .ast-social-inner-wrap {
|
|
width: fit-content;
|
|
}
|
|
|
|
.ast-post-social-sharing .ast-social-element > .ahfb-svg-iconset, .ast-author-box-sharing .ast-social-element > .ahfb-svg-iconset {
|
|
display: flex;
|
|
}
|
|
|
|
.ast-post-social-sharing .ast-social-element, .ast-author-box-sharing .ast-social-element {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.ast-post-social-sharing .social-item-label {
|
|
display: block;
|
|
color: var(--ast-global-color-3);
|
|
}
|
|
';
|
|
|
|
$parse_css .= Astra_Enqueue_Scripts::trim_css( $social_sharing_static_css );
|
|
}
|
|
|
|
if ( astra_get_option( 'ast-author-info' ) ) {
|
|
$author_box_bg_obj = astra_get_option( 'author-box-background' );
|
|
$bg_css = astra_get_background_obj( $author_box_bg_obj );
|
|
|
|
$author_box_dynamic_arr = array(
|
|
'.single .ast-single-author-box .ast-author-meta, .single.ast-separate-container .site-main .ast-author-meta' => astra_get_background_obj( $author_box_bg_obj ),
|
|
);
|
|
|
|
$parse_css .= astra_parse_css( $author_box_dynamic_arr );
|
|
|
|
if ( is_callable( 'Astra_Extended_Base_Dynamic_CSS::prepare_inner_section_advanced_css' ) ) {
|
|
$parse_css .= Astra_Extended_Base_Dynamic_CSS::prepare_inner_section_advanced_css( 'ast-sub-section-author-box', '.single .ast-single-author-box .ast-author-meta' );
|
|
}
|
|
|
|
$author_box_compat_css = '
|
|
.single article .ast-single-author-box, .single.ast-narrow-container article .ast-single-author-box, .single.ast-plain-container article .ast-single-author-box, .single.ast-separate-container article .ast-single-author-box {
|
|
margin-top: 2em;
|
|
border-top: 1px solid var(--ast-single-post-border, var(--ast-border-color));
|
|
}
|
|
.single.ast-separate-container article .ast-author-meta {
|
|
padding: 0;
|
|
}
|
|
.ast-author-details .ast-author-box-sharing {
|
|
align-items: ' . esc_attr( $is_site_rtl ? 'flex-end' : 'flex-start' ) . ';
|
|
margin-top: 20px;
|
|
}
|
|
.ast-single-author-box.ast-author-container--center .ast-author-meta, .single.ast-separate-container article .ast-author-meta {
|
|
padding: 2em;
|
|
}
|
|
.ast-single-author-box.ast-author-container--center .ast-author-meta * {
|
|
text-align: center;
|
|
}
|
|
.ast-single-author-box.ast-author-container--center .ast-author-meta .ast-author-details {
|
|
display: block;
|
|
}
|
|
.ast-single-author-box.ast-author-container--center .post-author-avatar,
|
|
.ast-single-author-box.ast-author-container--center .post-author-bio {
|
|
float: unset;
|
|
}
|
|
.ast-single-author-box.ast-author-container--center .post-author-avatar {
|
|
margin: 0 0 1em;
|
|
}
|
|
.ast-single-author-box.ast-author-container--center .ast-author-details .ast-author-box-sharing {
|
|
align-items: center;
|
|
}
|
|
.ast-author-box-sharing a.ast-social-icon-a:first-child {
|
|
margin-left: 0;
|
|
}
|
|
.ast-author-box-sharing a.ast-social-icon-a:last-child {
|
|
margin-right: 0;
|
|
}
|
|
';
|
|
|
|
if ( ! astra_addon_4_6_0_compatibility() ) {
|
|
$author_box_compat_css .= '
|
|
.single.ast-separate-container .ast-single-author-box {
|
|
border-top: 0;
|
|
}
|
|
.single.ast-plain-container .ast-single-author-box, .single.ast-page-builder-template .ast-single-author-box, .single.ast-narrow-container .ast-single-author-box {
|
|
padding-top: 2em;
|
|
}
|
|
.single.ast-plain-container .ast-single-author-box, .single.ast-narrow-container .ast-single-author-box {
|
|
margin-top: 0;
|
|
}
|
|
';
|
|
} else {
|
|
$author_box_compat_css .= '
|
|
@media(max-width: ' . esc_attr( astra_addon_get_tablet_breakpoint( '', 1 ) ) . 'px) {
|
|
.ast-author-details .ast-author-box-sharing {
|
|
align-items: center;
|
|
}
|
|
}
|
|
';
|
|
}
|
|
|
|
$parse_css .= Astra_Enqueue_Scripts::trim_css( $author_box_compat_css );
|
|
}
|
|
|
|
if ( ( is_home() ) || is_archive() || is_search() ) {
|
|
|
|
// Blog card.
|
|
$blog_archive_bs_class = '';
|
|
$blog_archive_card_grid = astra_addon_get_blog_grid_columns( 'desktop' );
|
|
if ( 'blog-layout-4' === $blog_layout || 'blog-layout-6' === $blog_layout ) {
|
|
if ( 1 === $blog_archive_card_grid ) {
|
|
$blog_archive_bs_class = '.ast-blog-layout-4-grid .ast-article-post, .ast-blog-layout-5-grid .ast-article-post, .ast-blog-layout-6-grid .ast-article-post';
|
|
} else {
|
|
$blog_archive_bs_class = '.ast-blog-layout-4-grid .ast-article-inner, .ast-blog-layout-5-grid .ast-article-inner, .ast-blog-layout-6-grid .ast-article-inner';
|
|
}
|
|
}
|
|
|
|
if ( 'blog-layout-5' === $blog_layout ) {
|
|
$blog_archive_bs_class = '.ast-blog-layout-4-grid .ast-article-post, .ast-blog-layout-5-grid .ast-article-post, .ast-blog-layout-6-grid .ast-article-post';
|
|
}
|
|
|
|
$parse_css .= Astra_Addon_Base_Dynamic_CSS::prepare_box_shadow_dynamic_css( 'blog-item', $blog_archive_bs_class );
|
|
|
|
if ( 'blog-layout-4' === $blog_layout || 'blog-layout-6' === $blog_layout ) {
|
|
$blog_archive_first_full_width = astra_get_option( 'first-post-full-width' );
|
|
if ( $blog_archive_first_full_width ) {
|
|
$css_output['.ast-full-width .ast-article-inner']['width'] = '100%';
|
|
}
|
|
}
|
|
|
|
// Blog layout 5 row reverse.
|
|
$blog_row_reverse = astra_get_option( 'blog-row-reverse' );
|
|
if ( $blog_row_reverse && 'blog-layout-5' === $blog_layout ) {
|
|
$css_output['.ast-blog-layout-5-grid .ast-article-inner']['flex-direction'] = 'row-reverse';
|
|
$css_output['.ast-blog-layout-5-grid .post-content'][ 'padding-' . $ltr_left . '' ] = '1.5em';
|
|
$css_output['.ast-blog-layout-5-grid .post-content'][ 'padding-' . $ltr_right . '' ] = '0';
|
|
}
|
|
}
|
|
|
|
/* Parse CSS from array() */
|
|
$parse_css .= astra_parse_css( $css_output );
|
|
|
|
if ( $css_output_tablet ) {
|
|
$parse_css .= astra_parse_css( $css_output_tablet, '', astra_addon_get_tablet_breakpoint() );
|
|
}
|
|
if ( $css_output_mobile ) {
|
|
$parse_css .= astra_parse_css( $css_output_mobile, '', astra_addon_get_mobile_breakpoint() );
|
|
}
|
|
/**
|
|
* Blog Filter.
|
|
*/
|
|
$blog_filter_layout = astra_get_option( 'blog-filter-layout' );
|
|
$blog_filter_class = '.ast-post-filter';
|
|
$blog_filter_static_css = '';
|
|
$blog_filter = astra_get_option( 'blog-filter' );
|
|
$blog_filter_target = 'li.ast-post-filter-single';
|
|
|
|
// Blog filter text color.
|
|
$blog_filter_text_normal_color = astra_get_option( 'blog-filter-taxonomy-text-normal-color' );
|
|
$blog_filter_text_hover_color = astra_get_option( 'blog-filter-taxonomy-text-hover-color' );
|
|
$blog_filter_text_active_color = astra_get_option( 'blog-filter-taxonomy-text-active-color' );
|
|
|
|
// Blog filter background color.
|
|
$blog_filter_bg_normal_color = astra_get_option( 'blog-filter-taxonomy-bg-normal-color' );
|
|
$blog_filter_bg_hover_color = astra_get_option( 'blog-filter-taxonomy-bg-hover-color' );
|
|
$blog_filter_bg_active_color = astra_get_option( 'blog-filter-taxonomy-bg-active-color' );
|
|
|
|
// Blog filter inner/outer spacing.
|
|
$blog_filter_inner_spacing = astra_get_option( 'blog-filter-inside-spacing' );
|
|
$blog_filter_outer_spacing = astra_get_option( 'blog-filter-outside-spacing' );
|
|
$blog_filter_outer_parent_spacing = astra_get_option( 'blog-filter-outer-parent-spacing' );
|
|
|
|
// Blog filter border radius.
|
|
$blog_filter_border_radius = astra_get_option( 'blog-filter-border-radius' );
|
|
$blog_filter_font_size = astra_get_option( 'font-size-blog-filter-taxonomy' );
|
|
|
|
$blog_filter_alignment_setting = astra_get_option( 'blog-filter-alignment' );
|
|
$desktop_blog_filter_alignment = $blog_filter_alignment_setting['desktop'] === $ltr_left ? 'flex-start' : 'flex-end';
|
|
$tablet_blog_filter_alignment = $blog_filter_alignment_setting['tablet'] === $ltr_left ? 'flex-start' : 'flex-end';
|
|
$mobile_blog_filter_alignment = $blog_filter_alignment_setting['mobile'] === $ltr_left ? 'flex-start' : 'flex-end';
|
|
|
|
$blog_filter_visibility_setting = astra_get_option( 'responsive-blog-filter-visibility' );
|
|
$desktop_blog_filter_visibility = $blog_filter_visibility_setting['desktop'] ? 'block' : 'none';
|
|
$tablet_blog_filter_visibility = $blog_filter_visibility_setting['tablet'] ? 'block' : 'none';
|
|
$mobile_blog_filter_visibility = $blog_filter_visibility_setting['mobile'] ? 'block' : 'none';
|
|
|
|
if ( $blog_filter ) {
|
|
$blog_filter_static_css .= '
|
|
' . $blog_filter_class . '{
|
|
overflow: hidden;
|
|
}
|
|
|
|
' . $blog_filter_class . ' ul{
|
|
list-style: none;
|
|
margin: 0;
|
|
margin-bottom: 3em;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
' . $blog_filter_target . '{
|
|
margin: .375em;
|
|
padding: 0.5em 0.63em;
|
|
cursor: pointer;
|
|
font-weight: 400;
|
|
line-height: normal;
|
|
border-radius: 4px;
|
|
border: 0;
|
|
}
|
|
';
|
|
|
|
if ( 'blog-filter-layout-1' === $blog_filter_layout ) {
|
|
$blog_filter_static_css .= '
|
|
' . $blog_filter_target . '.active {
|
|
color: var(--ast-global-color-0);
|
|
}
|
|
';
|
|
}
|
|
|
|
|
|
$parse_css .= Astra_Enqueue_Scripts::trim_css( $blog_filter_static_css );
|
|
|
|
$blog_filter_border_radius_desktop = array();
|
|
if ( 'blog-filter-layout-2' === $blog_filter_layout ) {
|
|
$blog_filter_border_radius_desktop = array(
|
|
'border-top-' . $ltr_left . '-radius' => astra_responsive_spacing( $blog_filter_border_radius, 'top_left', 'desktop' ),
|
|
'border-top-' . $ltr_right . '-radius' => astra_responsive_spacing( $blog_filter_border_radius, 'top_right', 'desktop' ),
|
|
'border-bottom-' . $ltr_right . '-radius' => astra_responsive_spacing( $blog_filter_border_radius, 'bottom_right', 'desktop' ),
|
|
'border-bottom-' . $ltr_left . '-radius' => astra_responsive_spacing( $blog_filter_border_radius, 'bottom_left', 'desktop' ),
|
|
);
|
|
}
|
|
|
|
$blog_filter_css_output = array(
|
|
$blog_filter_class => array(
|
|
'display' => $desktop_blog_filter_visibility,
|
|
'margin-top' => astra_responsive_spacing( $blog_filter_outer_parent_spacing, 'top', 'desktop' ),
|
|
'margin-' . $ltr_right => astra_responsive_spacing( $blog_filter_outer_parent_spacing, 'right', 'desktop' ),
|
|
'margin-bottom' => astra_responsive_spacing( $blog_filter_outer_parent_spacing, 'bottom', 'desktop' ),
|
|
'margin-' . $ltr_left => astra_responsive_spacing( $blog_filter_outer_parent_spacing, 'left', 'desktop' ),
|
|
),
|
|
$blog_filter_class . ' ul' => array(
|
|
'justify-content' => ( isset( $blog_filter_alignment_setting['desktop'] ) && 'center' === $blog_filter_alignment_setting['desktop'] ) ? 'center' : $desktop_blog_filter_alignment,
|
|
'margin-' . $ltr_right => '-' . astra_responsive_spacing( $blog_filter_outer_spacing, 'right', 'desktop' ),
|
|
'margin-' . $ltr_left => '-' . astra_responsive_spacing( $blog_filter_outer_spacing, 'left', 'desktop' ),
|
|
),
|
|
$blog_filter_target =>
|
|
array_merge(
|
|
astra_addon_get_font_array_css( astra_get_option( 'font-family-blog-filter-taxonomy' ), astra_get_option( 'font-weight-blog-filter-taxonomy' ), $blog_filter_font_size, 'font-extras-blog-filter-taxonomy', '' ),
|
|
array(
|
|
'padding-top' => astra_responsive_spacing( $blog_filter_inner_spacing, 'top', 'desktop' ),
|
|
'padding-' . $ltr_right => astra_responsive_spacing( $blog_filter_inner_spacing, 'right', 'desktop' ),
|
|
'padding-bottom' => astra_responsive_spacing( $blog_filter_inner_spacing, 'bottom', 'desktop' ),
|
|
'padding-' . $ltr_left => astra_responsive_spacing( $blog_filter_inner_spacing, 'left', 'desktop' ),
|
|
'margin-top' => astra_responsive_spacing( $blog_filter_outer_spacing, 'top', 'desktop' ),
|
|
'margin-' . $ltr_right => astra_responsive_spacing( $blog_filter_outer_spacing, 'right', 'desktop' ),
|
|
'margin-bottom' => astra_responsive_spacing( $blog_filter_outer_spacing, 'bottom', 'desktop' ),
|
|
'margin-' . $ltr_left => astra_responsive_spacing( $blog_filter_outer_spacing, 'left', 'desktop' ),
|
|
),
|
|
$blog_filter_border_radius_desktop
|
|
),
|
|
|
|
'.ast-row' => array(
|
|
'transition-property' => 'opacity;',
|
|
'transition-duration' => '.5s',
|
|
'transition-timing-function' => 'cubic-bezier(0.2, 1, 0.2, 1)',
|
|
),
|
|
);
|
|
|
|
$blog_filter_css_output[ $blog_filter_target . ':not(.active)' ]['color'] = $blog_filter_text_normal_color;
|
|
$blog_filter_css_output[ $blog_filter_target . '.active' ]['color'] = $blog_filter_text_active_color;
|
|
$blog_filter_css_output[ $blog_filter_target . ':not(.active):hover' ]['color'] = $blog_filter_text_hover_color;
|
|
|
|
if ( 'blog-filter-layout-2' === $blog_filter_layout ) {
|
|
$blog_filter_css_output[ $blog_filter_target . ':not(.active)' ]['background-color'] = $blog_filter_bg_normal_color;
|
|
$blog_filter_css_output[ $blog_filter_target . '.active' ]['background-color'] = $blog_filter_bg_active_color;
|
|
$blog_filter_css_output[ $blog_filter_target . ':not(.active):hover' ]['background-color'] = $blog_filter_bg_hover_color;
|
|
}
|
|
|
|
/* Parse CSS from array() */
|
|
$parse_css .= astra_parse_css( $blog_filter_css_output );
|
|
|
|
$blog_filter_border_radius_tablet = array();
|
|
if ( 'blog-filter-layout-2' === $blog_filter_layout ) {
|
|
$blog_filter_border_radius_tablet = array(
|
|
'border-top-' . $ltr_left . '-radius' => astra_responsive_spacing( $blog_filter_border_radius, 'top_left', 'tablet' ),
|
|
'border-top-' . $ltr_right . '-radius' => astra_responsive_spacing( $blog_filter_border_radius, 'top_right', 'tablet' ),
|
|
'border-bottom-' . $ltr_right . '-radius' => astra_responsive_spacing( $blog_filter_border_radius, 'bottom_right', 'tablet' ),
|
|
'border-bottom-' . $ltr_left . '-radius' => astra_responsive_spacing( $blog_filter_border_radius, 'bottom_left', 'tablet' ),
|
|
);
|
|
}
|
|
|
|
$blog_filter_css_output_tablet = array(
|
|
$blog_filter_class => array(
|
|
'display' => $tablet_blog_filter_visibility,
|
|
'margin-top' => astra_responsive_spacing( $blog_filter_outer_parent_spacing, 'top', 'tablet' ),
|
|
'margin-' . $ltr_right => astra_responsive_spacing( $blog_filter_outer_parent_spacing, 'right', 'tablet' ),
|
|
'margin-bottom' => astra_responsive_spacing( $blog_filter_outer_parent_spacing, 'bottom', 'tablet' ),
|
|
'margin-' . $ltr_left => astra_responsive_spacing( $blog_filter_outer_parent_spacing, 'left', 'tablet' ),
|
|
),
|
|
$blog_filter_class . ' ul' => array(
|
|
'justify-content' => ( isset( $blog_filter_alignment_setting['tablet'] ) && 'center' === $blog_filter_alignment_setting['tablet'] ) ? 'center' : $tablet_blog_filter_alignment,
|
|
'margin-' . $ltr_right => '-' . astra_responsive_spacing( $blog_filter_outer_spacing, 'right', 'tablet' ),
|
|
'margin-' . $ltr_left => '-' . astra_responsive_spacing( $blog_filter_outer_spacing, 'left', 'tablet' ),
|
|
),
|
|
$blog_filter_target =>
|
|
array_merge(
|
|
array(
|
|
'font-size' => astra_responsive_font( $blog_filter_font_size, 'tablet' ),
|
|
'padding-top' => astra_responsive_spacing( $blog_filter_inner_spacing, 'top', 'tablet' ),
|
|
'padding-' . $ltr_right => astra_responsive_spacing( $blog_filter_inner_spacing, 'right', 'tablet' ),
|
|
'padding-bottom' => astra_responsive_spacing( $blog_filter_inner_spacing, 'bottom', 'tablet' ),
|
|
'padding-' . $ltr_left => astra_responsive_spacing( $blog_filter_inner_spacing, 'left', 'tablet' ),
|
|
'margin-top' => astra_responsive_spacing( $blog_filter_outer_spacing, 'top', 'tablet' ),
|
|
'margin-' . $ltr_right => astra_responsive_spacing( $blog_filter_outer_spacing, 'right', 'tablet' ),
|
|
'margin-bottom' => astra_responsive_spacing( $blog_filter_outer_spacing, 'bottom', 'tablet' ),
|
|
'margin-' . $ltr_left => astra_responsive_spacing( $blog_filter_outer_spacing, 'left', 'tablet' ),
|
|
),
|
|
$blog_filter_border_radius_tablet
|
|
),
|
|
);
|
|
|
|
$parse_css .= astra_parse_css( $blog_filter_css_output_tablet, '', astra_addon_get_tablet_breakpoint() );
|
|
|
|
$blog_filter_border_radius_mobile = array();
|
|
if ( 'blog-filter-layout-2' === $blog_filter_layout ) {
|
|
$blog_filter_border_radius_mobile = array(
|
|
'border-top-' . $ltr_left . '-radius' => astra_responsive_spacing( $blog_filter_border_radius, 'top_left', 'mobile' ),
|
|
'border-top-' . $ltr_right . '-radius' => astra_responsive_spacing( $blog_filter_border_radius, 'top_right', 'mobile' ),
|
|
'border-bottom-' . $ltr_right . '-radius' => astra_responsive_spacing( $blog_filter_border_radius, 'bottom_right', 'mobile' ),
|
|
'border-bottom-' . $ltr_left . '-radius' => astra_responsive_spacing( $blog_filter_border_radius, 'bottom_left', 'mobile' ),
|
|
);
|
|
}
|
|
|
|
$blog_filter_css_output_mobile = array(
|
|
$blog_filter_class => array(
|
|
'display' => $mobile_blog_filter_visibility,
|
|
'margin-top' => astra_responsive_spacing( $blog_filter_outer_parent_spacing, 'top', 'mobile' ),
|
|
'margin-' . $ltr_right => astra_responsive_spacing( $blog_filter_outer_parent_spacing, 'right', 'mobile' ),
|
|
'margin-bottom' => astra_responsive_spacing( $blog_filter_outer_parent_spacing, 'bottom', 'mobile' ),
|
|
'margin-' . $ltr_left => astra_responsive_spacing( $blog_filter_outer_parent_spacing, 'left', 'mobile' ),
|
|
),
|
|
$blog_filter_class . ' ul' => array(
|
|
'justify-content' => ( isset( $blog_filter_alignment_setting['mobile'] ) && 'center' === $blog_filter_alignment_setting['mobile'] ) ? 'center' : $mobile_blog_filter_alignment,
|
|
'margin-' . $ltr_right => '-' . astra_responsive_spacing( $blog_filter_outer_spacing, 'right', 'mobile' ),
|
|
'margin-' . $ltr_left => '-' . astra_responsive_spacing( $blog_filter_outer_spacing, 'left', 'mobile' ),
|
|
),
|
|
$blog_filter_target =>
|
|
array_merge(
|
|
array(
|
|
'font-size' => astra_responsive_font( $blog_filter_font_size, 'mobile' ),
|
|
'padding-top' => astra_responsive_spacing( $blog_filter_inner_spacing, 'top', 'mobile' ),
|
|
'padding-' . $ltr_right => astra_responsive_spacing( $blog_filter_inner_spacing, 'right', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $blog_filter_inner_spacing, 'bottom', 'mobile' ),
|
|
'padding-' . $ltr_left => astra_responsive_spacing( $blog_filter_inner_spacing, 'left', 'mobile' ),
|
|
'margin-top' => astra_responsive_spacing( $blog_filter_outer_spacing, 'top', 'mobile' ),
|
|
'margin-' . $ltr_right => astra_responsive_spacing( $blog_filter_outer_spacing, 'right', 'mobile' ),
|
|
'margin-bottom' => astra_responsive_spacing( $blog_filter_outer_spacing, 'bottom', 'mobile' ),
|
|
'margin-' . $ltr_left => astra_responsive_spacing( $blog_filter_outer_spacing, 'left', 'mobile' ),
|
|
),
|
|
$blog_filter_border_radius_mobile
|
|
),
|
|
|
|
|
|
);
|
|
|
|
$parse_css .= astra_parse_css( $blog_filter_css_output_mobile, '', astra_addon_get_mobile_breakpoint() );
|
|
|
|
}
|
|
|
|
return $dynamic_css . $parse_css;
|
|
}
|