394 lines
24 KiB
PHP
394 lines
24 KiB
PHP
<?php
|
|
/**
|
|
* Astra Addon Common dynamic CSS.
|
|
*
|
|
* @package Astra Addon
|
|
*/
|
|
|
|
if ( Astra_Ext_Extension::is_active( 'blog-pro' ) ) {
|
|
add_filter( 'astra_addon_dynamic_css', 'astra_addon_blog_pro_dynamic_css', 9 );
|
|
}
|
|
|
|
/**
|
|
* Dynamic CSS for Single Post Author Info-box
|
|
*
|
|
* @param string $dynamic_css Astra Dynamic CSS.
|
|
* @param string $dynamic_css_filtered Astra Dynamic CSS Filters.
|
|
* @return string
|
|
*/
|
|
function astra_addon_blog_pro_dynamic_css( $dynamic_css, $dynamic_css_filtered = '' ) {
|
|
|
|
/**
|
|
* - Variable Declaration.
|
|
*/
|
|
$is_site_rtl = is_rtl();
|
|
$css_output = '';
|
|
$theme_color = astra_get_option( 'theme-color' );
|
|
$link_color = astra_get_option( 'link-color', $theme_color );
|
|
$blog_grid = astra_addon_get_blog_grid_columns();
|
|
|
|
$desktop_max_css = array(
|
|
// Updated before content value to fix the masonry layout issue.
|
|
'#content:before' => array(
|
|
'content' => '"' . astra_addon_get_tablet_breakpoint() . '"',
|
|
'position' => 'absolute',
|
|
'overflow' => 'hidden',
|
|
'opacity' => '0',
|
|
'visibility' => 'hidden',
|
|
),
|
|
'.blog-layout-2' => array(
|
|
'position' => 'relative',
|
|
),
|
|
'.single .ast-author-details .author-title' => array(
|
|
'color' => esc_attr( $link_color ),
|
|
),
|
|
);
|
|
|
|
if ( true === astra_get_option( 'customizer-default-layout-update', true ) ) {
|
|
$desktop_max_css['.single.ast-page-builder-template .ast-single-author-box'] = array(
|
|
'padding' => '2em 20px',
|
|
);
|
|
$desktop_max_css['.single.ast-separate-container .ast-author-meta'] = array(
|
|
'padding' => '3em',
|
|
);
|
|
}
|
|
|
|
if ( astra_addon_check_reveal_effect_condition() ) {
|
|
$desktop_max_css['.ast-fade-up, .woocommerce ul.products li.product.ast-fade-up, .woocommerce-page ul.products li.product.ast-fade-up'] = array(
|
|
'opacity' => '0',
|
|
'transition-property' => 'opacity,transform',
|
|
'transform' => 'translate3d(0,100px,0)',
|
|
'transition-duration' => '1s',
|
|
);
|
|
}
|
|
|
|
/* Parse CSS from array() */
|
|
$css_output .= astra_parse_css( $desktop_max_css );
|
|
|
|
$tablet_max_css = array(
|
|
// Single Post author info.
|
|
'.single.ast-separate-container .ast-author-meta' => array(
|
|
'padding' => '1.5em 2.14em',
|
|
),
|
|
'.single .ast-author-meta .post-author-avatar' => array(
|
|
'margin-bottom' => '1em',
|
|
),
|
|
'.ast-separate-container .ast-grid-2 .ast-article-post, .ast-separate-container .ast-grid-3 .ast-article-post, .ast-separate-container .ast-grid-4 .ast-article-post' => array(
|
|
'width' => '100%',
|
|
),
|
|
'.ast-separate-container .ast-grid-md-' . $blog_grid['tablet'] . ' .ast-article-post' => array(
|
|
'width' => 100 / $blog_grid['tablet'] . '%',
|
|
),
|
|
// Setting the default padding if the columns for tablet is more than 1.
|
|
'.ast-separate-container .ast-grid-md-2 .ast-article-post.ast-separate-posts, .ast-separate-container .ast-grid-md-3 .ast-article-post.ast-separate-posts, .ast-separate-container .ast-grid-md-4 .ast-article-post.ast-separate-posts' => array(
|
|
'padding' => $is_site_rtl ? '0 0 0 .75em' : '0 .75em 0',
|
|
),
|
|
'.blog-layout-1 .post-content, .blog-layout-1 .ast-blog-featured-section' => array(
|
|
'float' => 'none',
|
|
),
|
|
'.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on' => array(
|
|
'margin-top' => 0,
|
|
),
|
|
'.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on' => array(
|
|
'margin-top' => '1em',
|
|
),
|
|
'.ast-separate-container .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content' => array(
|
|
'margin-top' => '-1.5em',
|
|
),
|
|
'.ast-separate-container .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content' => array(
|
|
'margin-left' => '-2.14em',
|
|
'margin-right' => '-2.14em',
|
|
),
|
|
'.ast-separate-container .ast-article-single.remove-featured-img-padding .single-layout-1 .entry-header .post-thumb-img-content:first-child' => array(
|
|
'margin-top' => '-1.5em',
|
|
),
|
|
'.ast-separate-container .ast-article-single.remove-featured-img-padding .single-layout-1 .post-thumb-img-content' => array(
|
|
'margin-left' => '-2.14em',
|
|
'margin-right' => '-2.14em',
|
|
),
|
|
'.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on, .ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on, .ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on' => array(
|
|
'margin-left' => '-1.5em',
|
|
'margin-right' => '-1.5em',
|
|
),
|
|
'.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on, .ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on, .ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on' => array(
|
|
'margin-left' => '-0.5em',
|
|
'margin-right' => '-0.5em',
|
|
),
|
|
'.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on, .ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on, .ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .square .posted-on' => array(
|
|
'margin-top' => 0,
|
|
),
|
|
'.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on, .ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on, .ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on' => array(
|
|
'margin-top' => '1em',
|
|
),
|
|
'.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content, .ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content, .ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content' => array(
|
|
'margin-top' => '-1.5em',
|
|
),
|
|
'.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content, .ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content, .ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content' => array(
|
|
'margin-left' => '-1.5em',
|
|
'margin-right' => '-1.5em',
|
|
),
|
|
'.blog-layout-2' => array(
|
|
'display' => 'flex',
|
|
'flex-direction' => 'column-reverse',
|
|
),
|
|
'.ast-separate-container .blog-layout-3, .ast-separate-container .blog-layout-1' => array(
|
|
'display' => 'block',
|
|
),
|
|
'.ast-plain-container .ast-grid-2 .ast-article-post, .ast-plain-container .ast-grid-3 .ast-article-post, .ast-plain-container .ast-grid-4 .ast-article-post, .ast-page-builder-template .ast-grid-2 .ast-article-post, .ast-page-builder-template .ast-grid-3 .ast-article-post, .ast-page-builder-template .ast-grid-4 .ast-article-post' => array(
|
|
'width' => '100%',
|
|
),
|
|
);
|
|
|
|
// If the Equal Grids option is enabled.
|
|
if ( astra_get_option( 'blog-equal-grid' ) ) {
|
|
$tablet_max_css['.ast-separate-container .ast-blog-layout-4-grid .ast-article-post'] = array(
|
|
'display' => 'flex',
|
|
);
|
|
}
|
|
|
|
/* Parse CSS from array() -> max-width: (tablet-breakpoint)px */
|
|
$css_output .= astra_parse_css( $tablet_max_css, '', astra_addon_get_tablet_breakpoint() );
|
|
|
|
if ( $is_site_rtl ) {
|
|
$tablet_max_lang_direction_css = array(
|
|
'.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on' => array(
|
|
'margin-top' => 0,
|
|
'margin-right' => '-2.14em',
|
|
),
|
|
'.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on' => array(
|
|
'margin-top' => 0,
|
|
'margin-right' => '-1.14em',
|
|
),
|
|
);
|
|
} else {
|
|
$tablet_max_lang_direction_css = array(
|
|
'.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on' => array(
|
|
'margin-top' => 0,
|
|
'margin-left' => '-2.14em',
|
|
),
|
|
'.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on' => array(
|
|
'margin-top' => 0,
|
|
'margin-left' => '-1.14em',
|
|
),
|
|
);
|
|
}
|
|
|
|
/* Parse CSS from array() -> max-width: (tablet-breakpoint)px */
|
|
$css_output .= astra_parse_css( $tablet_max_lang_direction_css, '', astra_addon_get_tablet_breakpoint() );
|
|
|
|
/**
|
|
* Normal blog multiple column layout creates extra spacing around category title, whereas this '-1em' needed when "Add Space Between Posts" optionn is enabled.
|
|
*
|
|
* @since 3.5.7
|
|
*/
|
|
$margin_space = astra_get_option( 'blog-space-bet-posts' ) ? '-1em' : '0';
|
|
|
|
$tablet_min_css = array(
|
|
'.ast-separate-container.ast-blog-grid-2 .ast-archive-description, .ast-separate-container.ast-blog-grid-3 .ast-archive-description, .ast-separate-container.ast-blog-grid-4 .ast-archive-description' => array(
|
|
'margin-bottom' => '1.33333em',
|
|
),
|
|
'.blog-layout-2.ast-no-thumb .post-content, .blog-layout-3.ast-no-thumb .post-content' => array(
|
|
'width' => 'calc(100% - 5.714285714em)',
|
|
),
|
|
'.blog-layout-2.ast-no-thumb.ast-no-date-box .post-content, .blog-layout-3.ast-no-thumb.ast-no-date-box .post-content' => array(
|
|
'width' => '100%',
|
|
),
|
|
'.ast-separate-container .ast-grid-2 .ast-article-post.ast-separate-posts, .ast-separate-container .ast-grid-3 .ast-article-post.ast-separate-posts, .ast-separate-container .ast-grid-4 .ast-article-post.ast-separate-posts' => array(
|
|
'border-bottom' => 0,
|
|
),
|
|
'.ast-separate-container .ast-grid-2 > .site-main > .ast-row:before, .ast-separate-container .ast-grid-2 > .site-main > .ast-row:after, .ast-separate-container .ast-grid-3 > .site-main > .ast-row:before, .ast-separate-container .ast-grid-3 > .site-main > .ast-row:after, .ast-separate-container .ast-grid-4 > .site-main > .ast-row:before, .ast-separate-container .ast-grid-4 > .site-main > .ast-row:after' => array(
|
|
'flex-basis' => 0,
|
|
'width' => 0,
|
|
),
|
|
'.ast-separate-container .ast-grid-2 .ast-article-post, .ast-separate-container .ast-grid-3 .ast-article-post, .ast-separate-container .ast-grid-4 .ast-article-post' => array(
|
|
'display' => 'flex',
|
|
'padding' => 0,
|
|
),
|
|
'.ast-plain-container .ast-grid-2 > .site-main > .ast-row, .ast-plain-container .ast-grid-3 > .site-main > .ast-row, .ast-plain-container .ast-grid-4 > .site-main > .ast-row, .ast-page-builder-template .ast-grid-2 > .site-main > .ast-row, .ast-page-builder-template .ast-grid-3 > .site-main > .ast-row, .ast-page-builder-template .ast-grid-4 > .site-main > .ast-row' => array(
|
|
'margin-left' => '-1em',
|
|
'margin-right' => '-1em',
|
|
'display' => 'flex',
|
|
'flex-flow' => 'row wrap',
|
|
'align-items' => 'stretch',
|
|
),
|
|
'.ast-plain-container .ast-grid-2 > .site-main > .ast-row:before, .ast-plain-container .ast-grid-2 > .site-main > .ast-row:after, .ast-plain-container .ast-grid-3 > .site-main > .ast-row:before, .ast-plain-container .ast-grid-3 > .site-main > .ast-row:after, .ast-plain-container .ast-grid-4 > .site-main > .ast-row:before, .ast-plain-container .ast-grid-4 > .site-main > .ast-row:after, .ast-page-builder-template .ast-grid-2 > .site-main > .ast-row:before, .ast-page-builder-template .ast-grid-2 > .site-main > .ast-row:after, .ast-page-builder-template .ast-grid-3 > .site-main > .ast-row:before, .ast-page-builder-template .ast-grid-3 > .site-main > .ast-row:after, .ast-page-builder-template .ast-grid-4 > .site-main > .ast-row:before, .ast-page-builder-template .ast-grid-4 > .site-main > .ast-row:after' => array(
|
|
'flex-basis' => 0,
|
|
'width' => 0,
|
|
),
|
|
'.ast-plain-container .ast-grid-2 .ast-article-post, .ast-plain-container .ast-grid-3 .ast-article-post, .ast-plain-container .ast-grid-4 .ast-article-post, .ast-page-builder-template .ast-grid-2 .ast-article-post, .ast-page-builder-template .ast-grid-3 .ast-article-post, .ast-page-builder-template .ast-grid-4 .ast-article-post' => array(
|
|
'display' => 'flex',
|
|
),
|
|
'.ast-plain-container .ast-grid-2 .ast-article-post:last-child, .ast-plain-container .ast-grid-3 .ast-article-post:last-child, .ast-plain-container .ast-grid-4 .ast-article-post:last-child, .ast-page-builder-template .ast-grid-2 .ast-article-post:last-child, .ast-page-builder-template .ast-grid-3 .ast-article-post:last-child, .ast-page-builder-template .ast-grid-4 .ast-article-post:last-child' => array(
|
|
'margin-bottom' => '2.5em',
|
|
),
|
|
);
|
|
|
|
|
|
if ( 'blog-layout-1' === astra_addon_get_blog_layout() || astra_get_option( 'blog-equal-grid' ) ) {
|
|
$tablet_min_css['.ast-separate-container .ast-grid-2 > .site-main > .ast-row, .ast-separate-container .ast-grid-3 > .site-main > .ast-row, .ast-separate-container .ast-grid-4 > .site-main > .ast-row'] = array(
|
|
'margin-left' => esc_attr( $margin_space ),
|
|
'margin-right' => esc_attr( $margin_space ),
|
|
'display' => 'flex',
|
|
'flex-flow' => 'row wrap',
|
|
'align-items' => 'stretch',
|
|
);
|
|
} else {
|
|
$tablet_min_css['.ast-separate-container .ast-grid-2 > .site-main > .ast-row, .ast-separate-container .ast-grid-3 > .site-main > .ast-row, .ast-separate-container .ast-grid-4 > .site-main > .ast-row'] = array(
|
|
'margin-left' => esc_attr( $margin_space ),
|
|
'margin-right' => esc_attr( $margin_space ),
|
|
'display' => 'flex',
|
|
'flex-flow' => 'row wrap',
|
|
'align-items' => 'flex-start',
|
|
);
|
|
}
|
|
|
|
if ( true === astra_get_option( 'customizer-default-layout-update', true ) ) {
|
|
$tablet_min_css['.single .ast-author-meta .ast-author-details'] = array(
|
|
'display' => 'flex',
|
|
'align-items' => 'center',
|
|
);
|
|
$tablet_min_css['.post-author-bio .author-title'] = array(
|
|
'margin-bottom' => '10px',
|
|
);
|
|
} else {
|
|
$tablet_min_css['.single .ast-author-meta .ast-author-details'] = array(
|
|
'display' => 'flex',
|
|
);
|
|
}
|
|
|
|
/* Parse CSS from array() -> min-width: (tablet-breakpoint + 1)px */
|
|
$css_output .= astra_parse_css( $tablet_min_css, astra_addon_get_tablet_breakpoint( '', 1 ) );
|
|
|
|
if ( $is_site_rtl ) {
|
|
$tablet_min_lang_direction_css = array(
|
|
'.single .post-author-avatar, .single .post-author-bio' => array(
|
|
'float' => 'right',
|
|
'clear' => 'left',
|
|
),
|
|
'.single .ast-author-meta .post-author-avatar' => array(
|
|
'margin-left' => '1.33333em',
|
|
),
|
|
'.single .ast-author-meta .about-author-title-wrapper, .single .ast-author-meta .post-author-bio' => array(
|
|
'text-align' => 'right',
|
|
),
|
|
'.blog-layout-2 .post-content' => array(
|
|
'padding-left' => '2em',
|
|
),
|
|
'.blog-layout-2.ast-no-date-box.ast-no-thumb .post-content' => array(
|
|
'padding-left' => 0,
|
|
),
|
|
'.blog-layout-3 .post-content' => array(
|
|
'padding-right' => '2em',
|
|
),
|
|
'.blog-layout-3.ast-no-date-box.ast-no-thumb .post-content' => array(
|
|
'padding-right' => 0,
|
|
),
|
|
'.ast-separate-container .ast-grid-2 .ast-article-post.ast-separate-posts:nth-child(2n+0), .ast-separate-container .ast-grid-2 .ast-article-post.ast-separate-posts:nth-child(2n+1), .ast-separate-container .ast-grid-3 .ast-article-post.ast-separate-posts:nth-child(2n+0), .ast-separate-container .ast-grid-3 .ast-article-post.ast-separate-posts:nth-child(2n+1), .ast-separate-container .ast-grid-4 .ast-article-post.ast-separate-posts:nth-child(2n+0), .ast-separate-container .ast-grid-4 .ast-article-post.ast-separate-posts:nth-child(2n+1)' => array(
|
|
'padding' => '0 0 0 1em',
|
|
),
|
|
);
|
|
} else {
|
|
$tablet_min_lang_direction_css = array(
|
|
'.single .post-author-avatar, .single .post-author-bio' => array(
|
|
'float' => 'left',
|
|
'clear' => 'right',
|
|
),
|
|
'.single .ast-author-meta .post-author-avatar' => array(
|
|
'margin-right' => '1.33333em',
|
|
),
|
|
'.single .ast-author-meta .about-author-title-wrapper, .single .ast-author-meta .post-author-bio' => array(
|
|
'text-align' => 'left',
|
|
),
|
|
'.blog-layout-2 .post-content' => array(
|
|
'padding-right' => '2em',
|
|
),
|
|
'.blog-layout-2.ast-no-date-box.ast-no-thumb .post-content' => array(
|
|
'padding-right' => 0,
|
|
),
|
|
'.blog-layout-3 .post-content' => array(
|
|
'padding-left' => '2em',
|
|
),
|
|
'.blog-layout-3.ast-no-date-box.ast-no-thumb .post-content' => array(
|
|
'padding-left' => 0,
|
|
),
|
|
'.ast-separate-container .ast-grid-2 .ast-article-post.ast-separate-posts:nth-child(2n+0), .ast-separate-container .ast-grid-2 .ast-article-post.ast-separate-posts:nth-child(2n+1), .ast-separate-container .ast-grid-3 .ast-article-post.ast-separate-posts:nth-child(2n+0), .ast-separate-container .ast-grid-3 .ast-article-post.ast-separate-posts:nth-child(2n+1), .ast-separate-container .ast-grid-4 .ast-article-post.ast-separate-posts:nth-child(2n+0), .ast-separate-container .ast-grid-4 .ast-article-post.ast-separate-posts:nth-child(2n+1)' => array(
|
|
'padding' => '0 1em 0',
|
|
),
|
|
);
|
|
}
|
|
|
|
/* Parse CSS from array() -> min-width: (tablet-breakpoint + 1)px */
|
|
$css_output .= astra_parse_css( $tablet_min_lang_direction_css, astra_addon_get_tablet_breakpoint( '', 1 ) );
|
|
|
|
$mobile_css = array(
|
|
'.ast-separate-container .ast-grid-sm-' . $blog_grid['mobile'] . ' .ast-article-post' => array(
|
|
'width' => 100 / $blog_grid['mobile'] . '%',
|
|
),
|
|
// Setting the default padding if the columns for mobile is more than 1.
|
|
'.ast-separate-container .ast-grid-sm-2 .ast-article-post.ast-separate-posts, .ast-separate-container .ast-grid-sm-3 .ast-article-post.ast-separate-posts, .ast-separate-container .ast-grid-sm-4 .ast-article-post.ast-separate-posts' => array(
|
|
'padding' => $is_site_rtl ? '0 0 0 .5em' : '0 .5em 0',
|
|
),
|
|
// Setting the default padding to 0 if the columns for mobile is 1.
|
|
'.ast-separate-container .ast-grid-sm-1 .ast-article-post.ast-separate-posts' => array(
|
|
'padding' => '0',
|
|
),
|
|
'.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on' => array(
|
|
'margin-top' => '0.5em',
|
|
),
|
|
'.ast-separate-container .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content, .ast-separate-container .ast-article-single.remove-featured-img-padding .single-layout-1 .post-thumb-img-content, .ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on, .ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on, .ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on' => array(
|
|
'margin-left' => '-1em',
|
|
'margin-right' => '-1em',
|
|
),
|
|
'.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on, .ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on, .ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on' => array(
|
|
'margin-left' => '-0.5em',
|
|
'margin-right' => '-0.5em',
|
|
),
|
|
'.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on, .ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on, .ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section:first-child .circle .posted-on' => array(
|
|
'margin-top' => '0.5em',
|
|
),
|
|
'.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content, .ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content, .ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content' => array(
|
|
'margin-top' => '-1.33333em',
|
|
),
|
|
'.ast-separate-container.ast-blog-grid-2 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content, .ast-separate-container.ast-blog-grid-3 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content, .ast-separate-container.ast-blog-grid-4 .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content' => array(
|
|
'margin-left' => '-1em',
|
|
'margin-right' => '-1em',
|
|
),
|
|
'.ast-separate-container .ast-grid-2 .ast-article-post .blog-layout-1, .ast-separate-container .ast-grid-2 .ast-article-post .blog-layout-2, .ast-separate-container .ast-grid-2 .ast-article-post .blog-layout-3' => array(
|
|
'padding' => '1.33333em 1em',
|
|
),
|
|
'.ast-separate-container .ast-grid-3 .ast-article-post .blog-layout-1, .ast-separate-container .ast-grid-4 .ast-article-post .blog-layout-1' => array(
|
|
'padding' => '1.33333em 1em',
|
|
),
|
|
'.single.ast-separate-container .ast-author-meta' => array(
|
|
'padding' => '1.5em 1em',
|
|
),
|
|
);
|
|
|
|
/* Parse CSS from array() -> max-width: (mobile-breakpoint)px */
|
|
$css_output .= astra_parse_css( $mobile_css, '', astra_addon_get_mobile_breakpoint() );
|
|
|
|
if ( $is_site_rtl ) {
|
|
$mobile_max_direction_css = array(
|
|
'.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on' => array(
|
|
'margin-right' => '-1em',
|
|
),
|
|
'.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on' => array(
|
|
'margin-right' => '-0.5em',
|
|
),
|
|
);
|
|
} else {
|
|
$mobile_max_direction_css = array(
|
|
'.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .square .posted-on' => array(
|
|
'margin-left' => '-1em',
|
|
),
|
|
'.ast-separate-container .ast-article-post.remove-featured-img-padding.has-post-thumbnail .blog-layout-1 .post-content .ast-blog-featured-section .circle .posted-on' => array(
|
|
'margin-left' => '-0.5em',
|
|
),
|
|
);
|
|
}
|
|
|
|
/* Parse CSS from array() -> max-width: (mobile-breakpoint)px */
|
|
$css_output .= astra_parse_css( $mobile_max_direction_css, '', astra_addon_get_mobile_breakpoint() );
|
|
|
|
return $dynamic_css . $css_output;
|
|
}
|