upskill-event-manager/wordpress-dev/wordpress/wp-content/plugins/astra-addon/classes/astra-common-dynamic-css.php
bengizmo d1509b3d60 feat(dev-env): implement backup-based development workflow
This commit introduces a more reliable and consistent approach to setting up
the development environment using backups:

- Add setup-from-backup.sh script for environment setup from existing backups
- Standardize script naming and organization
- Move obsolete scripts to bin/obsolete directory
- Update documentation with new workflow instructions
- Create migration guide for transitioning to new workflow
- Update Memory Bank with workflow improvements

The new workflow provides:
- More reliable environment setup
- Faster setup process
- Offline development capability
- Consistent development environments across team members

Breaking changes:
- setup-dev.sh is replaced by setup-from-backup.sh
- sync-and-setup.sh is replaced by separate scripts
- verify-with-wpcli.sh is no longer used

Migration path is documented in MIGRATION_GUIDE.md
2025-03-26 11:26:18 -03:00

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' => '1.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;
}