2241 lines
173 KiB
PHP
2241 lines
173 KiB
PHP
<?php
|
|
/**
|
|
* Spacing - Dynamic CSS
|
|
*
|
|
* @package Astra Addon
|
|
*/
|
|
|
|
add_filter( 'astra_addon_dynamic_css', 'astra_ext_spacing_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_spacing_dynamic_css( $dynamic_css, $dynamic_css_filtered = '' ) {
|
|
|
|
// Spacing.
|
|
$is_site_rtl = is_rtl();
|
|
$site_identity_spacing = astra_get_option( 'site-identity-spacing' );
|
|
$container_outside_spacing = astra_get_option( 'container-outside-spacing' );
|
|
$container_inside_spacing = astra_get_option( 'container-inside-spacing' );
|
|
$single_post_inside_spacing = astra_get_option( 'single-post-inside-spacing' );
|
|
$header_spacing = astra_get_option( 'header-spacing' );
|
|
$primary_menu_spacing = astra_get_option( 'primary-menu-spacing' );
|
|
$primary_submenu_spacing = astra_get_option( 'primary-submenu-spacing' );
|
|
$above_header_spacing = astra_get_option( 'above-header-spacing' );
|
|
$above_header_menu_spacing = astra_get_option( 'above-header-menu-spacing' );
|
|
$above_header_submenu_spacing = astra_get_option( 'above-header-submenu-spacing' );
|
|
|
|
$below_header_spacing = astra_get_option( 'below-header-spacing' );
|
|
$below_header_menu_spacing = astra_get_option( 'below-header-menu-spacing' );
|
|
$below_header_submenu_spacing = astra_get_option( 'below-header-submenu-spacing' );
|
|
$sidebar_outside_spacing = astra_get_option( 'sidebar-outside-spacing' );
|
|
$sidebar_inside_spacing = astra_get_option( 'sidebar-inside-spacing' );
|
|
$astra_footer_width = astra_get_option( 'footer-layout-width' );
|
|
$footer_spacing = astra_get_option( 'footer-sml-spacing' );
|
|
$footer_menu_spacing = astra_get_option( 'footer-menu-spacing' );
|
|
$site_content_layout = astra_get_option( 'site-content-layout' );
|
|
$header_content_layout = astra_get_option( 'header-main-layout-width' );
|
|
$header_layouts = astra_get_option( 'header-layouts' );
|
|
|
|
// Sticky header.
|
|
$stick_header_main = astra_get_option( 'header-main-stick' );
|
|
$stick_header_main_meta = astra_get_option_meta( 'header-main-stick-meta' );
|
|
$stick_header_above = astra_get_option( 'header-above-stick' );
|
|
$stick_header_above_meta = astra_get_option_meta( 'header-above-stick-meta' );
|
|
$stick_header_below = astra_get_option( 'header-below-stick' );
|
|
$stick_header_below_meta = astra_get_option_meta( 'header-below-stick-meta' );
|
|
$header_main_shrink = astra_get_option( 'header-main-shrink' );
|
|
|
|
// Blog Grid spacing.
|
|
$blog_grid = astra_addon_get_blog_grid_columns( 'desktop' );
|
|
$blog_layout = astra_addon_get_blog_layout();
|
|
|
|
$blog_post_outside_spacing = astra_get_option( 'blog-post-outside-spacing' );
|
|
$blog_post_inside_spacing = astra_get_option( 'blog-post-inside-spacing' );
|
|
$blog_post_pagination_spacing = astra_get_option( 'blog-post-pagination-spacing' );
|
|
|
|
$blog_featured_image_padding = astra_get_option( 'blog-featured-image-padding' );
|
|
$remove_single_featured_padding = astra_get_option( 'single-featured-image-padding' );
|
|
$alignfull_editor_selector = ( true === astra_get_option( 'improve-gb-editor-ui' ) ) ? '.ast-no-sidebar.ast-separate-container .entry-content > .alignfull, .ast-no-sidebar.ast-narrow-container .entry-content > .alignfull' : '.ast-no-sidebar.ast-separate-container .entry-content .alignfull, .ast-no-sidebar.ast-narrow-container .entry-content .alignfull'; // Updated selector here because there is no requirement of extra spacing for nested alignfull blocks.
|
|
|
|
// Desktop Spacing.
|
|
$is_new_structural_defaults = astra_get_option( 'customizer-default-layout-update', true );
|
|
$author_meta_boxed_selector = astra_addon_4_6_0_compatibility() ? '' : ', .single.ast-separate-container.ast-single-post .ast-author-meta';
|
|
$author_meta_narrow_selector = astra_addon_4_6_0_compatibility() ? '' : ', .single.ast-narrow-container.ast-single-post .ast-author-meta';
|
|
$author_box_minimal_boxed_selector = astra_addon_4_6_0_compatibility() ? '' : ', .single.ast-separate-container .ast-author-details';
|
|
$author_box_minimal_narrow_selector = astra_addon_4_6_0_compatibility() ? '' : ', .single.ast-narrow-container .ast-author-details';
|
|
$related_boxed_selector = astra_addon_4_6_0_compatibility() ? '' : ', .ast-separate-container .ast-single-related-posts-container';
|
|
|
|
$spacing = array(
|
|
|
|
/**
|
|
* Content Spacing
|
|
*/
|
|
'.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single, .ast-separate-container .ast-comment-list li.depth-1, .ast-separate-container .comment-respond .ast-separate-container .ast-related-posts-wrap, .ast-separate-container .ast-woocommerce-container' . $author_box_minimal_boxed_selector => array(
|
|
'padding-top' => astra_responsive_spacing( $container_inside_spacing, 'top', 'desktop' ),
|
|
'padding-bottom' => astra_responsive_spacing( $container_inside_spacing, 'bottom', 'desktop' ),
|
|
),
|
|
|
|
// Narrow Container global inside spacing support.
|
|
'.ast-narrow-container .ast-article-post, .ast-narrow-container .ast-article-single, .ast-narrow-container .ast-comment-list li.depth-1, .ast-narrow-container .comment-respond, .ast-narrow-container .ast-related-posts-wrap, .ast-narrow-container .ast-woocommerce-container, .ast-narrow-container .ast-single-related-posts-container' . $author_box_minimal_narrow_selector => array(
|
|
'padding-top' => astra_responsive_spacing( $container_inside_spacing, 'top', 'desktop' ),
|
|
'padding-bottom' => astra_responsive_spacing( $container_inside_spacing, 'bottom', 'desktop' ),
|
|
),
|
|
'.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single,.ast-separate-container .comments-count-wrapper, .ast-separate-container .ast-comment-list li.depth-1, .ast-separate-container .comment-respond,.ast-separate-container .related-posts-title-wrapper,.ast-separate-container .related-posts-title-wrapper .single.ast-separate-container .about-author-title-wrapper, .ast-separate-container .ast-related-posts-wrap, .ast-separate-container .ast-woocommerce-container' . $author_box_minimal_boxed_selector => array(
|
|
'padding-right' => astra_responsive_spacing( $container_inside_spacing, 'right', 'desktop' ),
|
|
'padding-left' => astra_responsive_spacing( $container_inside_spacing, 'left', 'desktop' ),
|
|
),
|
|
// Narrow Container global inside spacing support.
|
|
'.ast-narrow-container .ast-article-post, .ast-narrow-container .ast-article-single,.ast-narrow-container .comments-count-wrapper, .ast-narrow-container .ast-comment-list li.depth-1, .ast-narrow-container .comment-respond,.ast-narrow-container .related-posts-title-wrapper,.ast-narrow-container .related-posts-title-wrapper, .single.ast-narrow-container .about-author-title-wrapper, .ast-narrow-container .ast-related-posts-wrap, .ast-narrow-container .ast-woocommerce-container, .ast-narrow-container .ast-single-related-posts-container' . $author_box_minimal_narrow_selector => array(
|
|
'padding-right' => astra_responsive_spacing( $container_inside_spacing, 'right', 'desktop' ),
|
|
'padding-left' => astra_responsive_spacing( $container_inside_spacing, 'left', 'desktop' ),
|
|
),
|
|
'.ast-separate-container.ast-right-sidebar #primary, .ast-separate-container.ast-left-sidebar #primary, .ast-separate-container #primary, .ast-plain-container #primary, .ast-narrow-container #primary' => array(
|
|
'margin-top' => astra_responsive_spacing( $container_outside_spacing, 'top', 'desktop' ),
|
|
'margin-bottom' => astra_responsive_spacing( $container_outside_spacing, 'bottom', 'desktop' ),
|
|
),
|
|
'.ast-left-sidebar #primary, .ast-right-sidebar #primary, .ast-separate-container.ast-right-sidebar #primary, .ast-separate-container.ast-left-sidebar #primary, .ast-separate-container #primary, .ast-narrow-container #primary' => array(
|
|
'padding-left' => astra_responsive_spacing( $container_outside_spacing, 'left', 'desktop' ),
|
|
'padding-right' => astra_responsive_spacing( $container_outside_spacing, 'right', 'desktop' ),
|
|
),
|
|
|
|
// Negative margin for the alignfull gutenberg class based on the padding.
|
|
$alignfull_editor_selector => array(
|
|
'margin-right' => astra_responsive_spacing( $container_inside_spacing, 'right', 'desktop', '', '-' ),
|
|
'margin-left' => astra_responsive_spacing( $container_inside_spacing, 'left', 'desktop', '', '-' ),
|
|
),
|
|
|
|
/**
|
|
* Single Post Content Spacing
|
|
*/
|
|
'.ast-separate-container.ast-single-post .ast-article-post, .ast-separate-container.ast-single-post .ast-article-single, .ast-separate-container.ast-single-post .ast-comment-list li.depth-1, .ast-separate-container.ast-single-post .comment-respond, .ast-separate-container.ast-single-post .ast-related-posts-wrap, .ast-separate-container.ast-single-post .ast-woocommerce-container' . $author_meta_boxed_selector => array(
|
|
'padding-top' => astra_responsive_spacing( $single_post_inside_spacing, 'top', 'desktop' ),
|
|
'padding-bottom' => astra_responsive_spacing( $single_post_inside_spacing, 'bottom', 'desktop' ),
|
|
),
|
|
|
|
// Narrow Container single post inside spacing support.
|
|
'.ast-narrow-container.ast-single-post .ast-article-post, .ast-narrow-container.ast-single-post .ast-article-single, .ast-narrow-container.ast-single-post .ast-comment-list li.depth-1, .ast-narrow-container.ast-single-post .comment-respond, .ast-narrow-container.ast-single-post .ast-related-posts-wrap, .ast-narrow-container.ast-single-post .ast-woocommerce-container, .ast-narrow-container.ast-single-post .ast-single-related-posts-container' . $author_meta_narrow_selector => array(
|
|
'padding-top' => astra_responsive_spacing( $single_post_inside_spacing, 'top', 'desktop' ),
|
|
'padding-bottom' => astra_responsive_spacing( $single_post_inside_spacing, 'bottom', 'desktop' ),
|
|
),
|
|
|
|
'.ast-separate-container.ast-single-post .ast-article-post, .ast-separate-container.ast-single-post .ast-article-single, .ast-separate-container.ast-single-post .comments-count-wrapper, .ast-separate-container.ast-single-post .ast-comment-list li.depth-1, .ast-separate-container.ast-single-post .comment-respond,.ast-separate-container.ast-single-post .related-posts-title-wrapper,.ast-separate-container.ast-single-post .related-posts-title-wrapper, .ast-separate-container.ast-single-post .ast-related-posts-wrap, .ast-separate-container.ast-single-post .ast-woocommerce-container' . $author_meta_boxed_selector => array(
|
|
'padding-right' => astra_responsive_spacing( $single_post_inside_spacing, 'right', 'desktop' ),
|
|
'padding-left' => astra_responsive_spacing( $single_post_inside_spacing, 'left', 'desktop' ),
|
|
),
|
|
|
|
// Narrow Container single post inside spacing support.
|
|
'.ast-narrow-container.ast-single-post .ast-article-post, .ast-narrow-container.ast-single-post .ast-article-single, .ast-narrow-container.ast-single-post .comments-count-wrapper, .ast-narrow-container.ast-single-post .ast-comment-list li.depth-1, .ast-narrow-container.ast-single-post .comment-respond,.ast-narrow-container.ast-single-post .related-posts-title-wrapper,.ast-narrow-container.ast-single-post .related-posts-title-wrapper, .ast-narrow-container.ast-single-post .ast-related-posts-wrap, .ast-narrow-container.ast-single-post .ast-woocommerce-container, .ast-narrow-container.ast-single-post .ast-single-related-posts-container' . $author_meta_narrow_selector => array(
|
|
'padding-right' => astra_responsive_spacing( $single_post_inside_spacing, 'right', 'desktop' ),
|
|
'padding-left' => astra_responsive_spacing( $single_post_inside_spacing, 'left', 'desktop' ),
|
|
),
|
|
|
|
/**
|
|
* Sidebar Spacing
|
|
*/
|
|
'.ast-plain-container #secondary, .ast-separate-container #secondary, .ast-page-builder-template #secondary' => array(
|
|
'margin-top' => astra_responsive_spacing( $sidebar_outside_spacing, 'top', 'desktop' ),
|
|
'margin-bottom' => astra_responsive_spacing( $sidebar_outside_spacing, 'bottom', 'desktop' ),
|
|
),
|
|
'.ast-right-sidebar #secondary, .ast-left-sidebar #secondary, .ast-separate-container.ast-two-container.ast-left-sidebar #secondary, .ast-separate-container.ast-two-container.ast-right-sidebar #secondary, .ast-separate-container.ast-right-sidebar #secondary, .ast-separate-container.ast-left-sidebar #secondary' => array(
|
|
'padding-left' => astra_responsive_spacing( $sidebar_outside_spacing, 'left', 'desktop' ),
|
|
'padding-right' => astra_responsive_spacing( $sidebar_outside_spacing, 'right', 'desktop' ),
|
|
),
|
|
// Sidebar Inside Spacing Top / Bottom / Left / Right Padding.
|
|
'.ast-separate-container.ast-two-container #secondary .widget, .ast-separate-container #secondary .widget, .ast-plain-container #secondary .widget' => array(
|
|
'padding-top' => astra_responsive_spacing( $sidebar_inside_spacing, 'top', 'desktop' ),
|
|
'padding-bottom' => astra_responsive_spacing( $sidebar_inside_spacing, 'bottom', 'desktop' ),
|
|
),
|
|
'.ast-two-container.ast-right-sidebar #secondary .widget, .ast-two-container.ast-left-sidebar #secondary .widget, .ast-separate-container #secondary .widget, .ast-plain-container #secondary .widget' => array(
|
|
'padding-left' => astra_responsive_spacing( $sidebar_inside_spacing, 'left', 'desktop' ),
|
|
'padding-right' => astra_responsive_spacing( $sidebar_inside_spacing, 'right', 'desktop' ),
|
|
),
|
|
|
|
/**
|
|
* Blog Grid Spacing
|
|
*/
|
|
// Blog Grid Outside Spacing.
|
|
'.ast-separate-container .primary:not(.ast-grid-1) .ast-article-post.ast-separate-posts:nth-child(2n+0), .ast-separate-container .primary:not(.ast-grid-1) .ast-article-post.ast-separate-posts:nth-child(2n+1), .ast-narrow-container .primary:not(.ast-grid-1) .ast-article-post.ast-separate-posts:nth-child(2n+0), .ast-narrow-container .primary:not(.ast-grid-1) .ast-article-post.ast-separate-posts:nth-child(2n+1)' => array(
|
|
'padding-top' => astra_responsive_spacing( $blog_post_outside_spacing, 'top', 'desktop' ),
|
|
'padding-right' => astra_responsive_spacing( $blog_post_outside_spacing, 'right', 'desktop' ),
|
|
'padding-bottom' => astra_responsive_spacing( $blog_post_outside_spacing, 'bottom', 'desktop' ),
|
|
'padding-left' => astra_responsive_spacing( $blog_post_outside_spacing, 'left', 'desktop' ),
|
|
),
|
|
|
|
// Blog Grid Inside Spacing.
|
|
'.ast-separate-container .primary:not(.ast-grid-1) .ast-article-inner, .ast-narrow-container .primary:not(.ast-grid-1) .ast-article-inner' => array(
|
|
'padding-top' => astra_responsive_spacing( $blog_post_inside_spacing, 'top', 'desktop' ),
|
|
'padding-right' => astra_responsive_spacing( $blog_post_inside_spacing, 'right', 'desktop' ),
|
|
'padding-bottom' => astra_responsive_spacing( $blog_post_inside_spacing, 'bottom', 'desktop' ),
|
|
'padding-left' => astra_responsive_spacing( $blog_post_inside_spacing, 'left', 'desktop' ),
|
|
),
|
|
|
|
// Blog Pagination Spacing.
|
|
'.ast-pagination' => array(
|
|
'padding-top' => astra_responsive_spacing( $blog_post_pagination_spacing, 'top', 'desktop' ),
|
|
'padding-right' => astra_responsive_spacing( $blog_post_pagination_spacing, 'right', 'desktop' ),
|
|
'padding-bottom' => astra_responsive_spacing( $blog_post_pagination_spacing, 'bottom', 'desktop' ),
|
|
'padding-left' => astra_responsive_spacing( $blog_post_pagination_spacing, 'left', 'desktop' ),
|
|
),
|
|
);
|
|
|
|
if ( ! astra_addon_4_6_0_compatibility() ) {
|
|
if ( $is_new_structural_defaults ) {
|
|
$spacing['.ast-separate-container .comments-title, .ast-narrow-container .comments-title'] = array(
|
|
'padding-right' => astra_responsive_spacing( $single_post_inside_spacing, 'right', 'desktop' ),
|
|
'padding-left' => astra_responsive_spacing( $single_post_inside_spacing, 'left', 'desktop' ),
|
|
'padding-top' => astra_responsive_spacing( $single_post_inside_spacing, 'top', 'desktop' ),
|
|
'padding-bottom' => astra_addon_4_6_0_compatibility() ? '' : '0',
|
|
);
|
|
}
|
|
}
|
|
|
|
if ( false === astra_addon_builder_helper()->is_header_footer_builder_active ) {
|
|
|
|
/**
|
|
* Site Identity Spacing
|
|
*/
|
|
$spacing['.site-header .ast-site-identity'] = array(
|
|
'padding-top' => astra_responsive_spacing( $site_identity_spacing, 'top', 'desktop' ),
|
|
'padding-right' => astra_responsive_spacing( $site_identity_spacing, 'right', 'desktop' ),
|
|
'padding-bottom' => astra_responsive_spacing( $site_identity_spacing, 'bottom', 'desktop' ),
|
|
'padding-left' => astra_responsive_spacing( $site_identity_spacing, 'left', 'desktop' ),
|
|
);
|
|
}
|
|
|
|
$spacing_css_output = astra_parse_css( $spacing );
|
|
|
|
$tablet_spacing = array(
|
|
|
|
/**
|
|
* Content Spacing
|
|
*/
|
|
'.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single, .ast-separate-container .ast-comment-list li.depth-1, .ast-separate-container .comment-respond .ast-separate-container .ast-related-posts-wrap, .ast-separate-container .ast-woocommerce-container' . $author_box_minimal_boxed_selector => array(
|
|
'padding-top' => astra_responsive_spacing( $container_inside_spacing, 'top', 'tablet' ),
|
|
'padding-bottom' => astra_responsive_spacing( $container_inside_spacing, 'bottom', 'tablet' ),
|
|
),
|
|
'.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single,.ast-separate-container .comments-count-wrapper, .ast-separate-container .ast-comment-list li.depth-1, .ast-separate-container .comment-respond,.ast-separate-container .related-posts-title-wrapper,.ast-separate-container .related-posts-title-wrapper .single.ast-separate-container .about-author-title-wrapper, .ast-separate-container .ast-related-posts-wrap, .ast-separate-container .ast-woocommerce-container' . $author_box_minimal_boxed_selector . $related_boxed_selector => array(
|
|
'padding-right' => astra_responsive_spacing( $container_inside_spacing, 'right', 'tablet' ),
|
|
'padding-left' => astra_responsive_spacing( $container_inside_spacing, 'left', 'tablet' ),
|
|
),
|
|
// Narrow Container global tablet support for inside spacing.
|
|
'.ast-narrow-container .ast-article-post, .ast-narrow-container .ast-article-single, .ast-narrow-container .ast-comment-list li.depth-1, .ast-narrow-container .comment-respond, .ast-narrow-container .ast-related-posts-wrap, .ast-narrow-container .ast-woocommerce-container, .ast-narrow-container .ast-single-related-posts-container' . $author_box_minimal_narrow_selector => array(
|
|
'padding-top' => astra_responsive_spacing( $container_inside_spacing, 'top', 'tablet' ),
|
|
'padding-bottom' => astra_responsive_spacing( $container_inside_spacing, 'bottom', 'tablet' ),
|
|
),
|
|
// Narrow Container global tablet support for inside spacing.
|
|
'.ast-narrow-container .ast-article-post, .ast-narrow-container .ast-article-single,.ast-narrow-container .comments-count-wrapper, .ast-narrow-container .ast-comment-list li.depth-1, .ast-narrow-container .comment-respond,.ast-narrow-container .related-posts-title-wrapper,.ast-narrow-container .related-posts-title-wrapper, .single.ast-narrow-container .about-author-title-wrapper, .ast-narrow-container .ast-related-posts-wrap, .ast-narrow-container .ast-woocommerce-container, .ast-narrow-container .ast-single-related-posts-container' . $author_box_minimal_narrow_selector => array(
|
|
'padding-right' => astra_responsive_spacing( $container_inside_spacing, 'right', 'tablet' ),
|
|
'padding-left' => astra_responsive_spacing( $container_inside_spacing, 'left', 'tablet' ),
|
|
),
|
|
'.ast-separate-container.ast-right-sidebar #primary, .ast-separate-container.ast-left-sidebar #primary, .ast-separate-container #primary, .ast-plain-container #primary, .ast-narrow-container #primary' => array(
|
|
'margin-top' => astra_responsive_spacing( $container_outside_spacing, 'top', 'tablet' ),
|
|
'margin-bottom' => astra_responsive_spacing( $container_outside_spacing, 'bottom', 'tablet' ),
|
|
),
|
|
'.ast-left-sidebar #primary, .ast-right-sidebar #primary, .ast-separate-container.ast-right-sidebar #primary, .ast-separate-container.ast-left-sidebar #primary, .ast-separate-container #primary, .ast-narrow-container #primary' => array(
|
|
'padding-left' => astra_responsive_spacing( $container_outside_spacing, 'left', 'tablet' ),
|
|
'padding-right' => astra_responsive_spacing( $container_outside_spacing, 'right', 'tablet' ),
|
|
),
|
|
|
|
/**
|
|
* Single Post Content Spacing
|
|
*/
|
|
'.ast-separate-container.ast-single-post .ast-article-post, .ast-separate-container.ast-single-post .ast-article-single, .ast-separate-container.ast-single-post .ast-comment-list li.depth-1, .ast-separate-container.ast-single-post .comment-respond, .ast-separate-container.ast-single-post .ast-related-posts-wrap, .ast-separate-container.ast-single-post .ast-woocommerce-container' . $author_meta_narrow_selector => array(
|
|
'padding-top' => astra_responsive_spacing( $single_post_inside_spacing, 'top', 'tablet' ),
|
|
'padding-bottom' => astra_responsive_spacing( $single_post_inside_spacing, 'bottom', 'tablet' ),
|
|
),
|
|
// Narrow Container single post tablet support for inside spacing.
|
|
'.ast-narrow-container.ast-single-post .ast-article-post, .ast-narrow-container.ast-single-post .ast-article-single, .ast-narrow-container.ast-single-post .ast-comment-list li.depth-1, .ast-narrow-container.ast-single-post .comment-respond, .ast-narrow-container.ast-single-post .ast-related-posts-wrap, .ast-narrow-container.ast-single-post .ast-woocommerce-container, .ast-narrow-container.ast-single-post .ast-single-related-posts-container' . $author_meta_boxed_selector => array(
|
|
'padding-top' => astra_responsive_spacing( $single_post_inside_spacing, 'top', 'tablet' ),
|
|
'padding-bottom' => astra_responsive_spacing( $single_post_inside_spacing, 'bottom', 'tablet' ),
|
|
),
|
|
'.ast-separate-container.ast-single-post .ast-article-post, .ast-separate-container.ast-single-post .ast-article-single,.ast-separate-container.ast-single-post .comments-count-wrapper, .ast-separate-container.ast-single-post .ast-comment-list li.depth-1, .ast-separate-container.ast-single-post .comment-respond,.ast-separate-container.ast-single-post .related-posts-title-wrapper,.ast-separate-container.ast-single-post .related-posts-title-wrapper, .ast-separate-container.ast-single-post .ast-related-posts-wrap, .ast-separate-container.ast-single-post .ast-woocommerce-container' . $author_meta_boxed_selector => array(
|
|
'padding-right' => astra_responsive_spacing( $single_post_inside_spacing, 'right', 'tablet' ),
|
|
'padding-left' => astra_responsive_spacing( $single_post_inside_spacing, 'left', 'tablet' ),
|
|
),
|
|
'.ast-separate-container.ast-single-post .ast-article-post, .ast-separate-container.ast-single-post .ast-article-single,.ast-separate-container.ast-single-post .comments-count-wrapper, .ast-separate-container.ast-single-post .ast-comment-list li.depth-1, .ast-separate-container.ast-single-post .comment-respond,.ast-separate-container.ast-single-post .related-posts-title-wrapper,.ast-separate-container.ast-single-post .related-posts-title-wrapper, .ast-separate-container.ast-single-post .ast-related-posts-wrap, .ast-separate-container.ast-single-post .ast-woocommerce-container' . $author_meta_boxed_selector => array(
|
|
'padding-right' => astra_responsive_spacing( $single_post_inside_spacing, 'right', 'tablet' ),
|
|
'padding-left' => astra_responsive_spacing( $single_post_inside_spacing, 'left', 'tablet' ),
|
|
),
|
|
// Narrow Container single post tablet support for inside spacing.
|
|
'.ast-narrow-container.ast-single-post .ast-article-post, .ast-narrow-container.ast-single-post .ast-article-single,.ast-narrow-container.ast-single-post .comments-count-wrapper, .ast-narrow-container.ast-single-post .ast-comment-list li.depth-1, .ast-narrow-container.ast-single-post .comment-respond,.ast-narrow-container.ast-single-post .related-posts-title-wrapper,.ast-narrow-container.ast-single-post .related-posts-title-wrapper, .ast-narrow-container.ast-single-post .ast-related-posts-wrap, .ast-narrow-container.ast-single-post .ast-woocommerce-container, .ast-narrow-container.ast-single-post .ast-single-related-posts-container' . $author_meta_narrow_selector => array(
|
|
'padding-right' => astra_responsive_spacing( $single_post_inside_spacing, 'right', 'tablet' ),
|
|
'padding-left' => astra_responsive_spacing( $single_post_inside_spacing, 'left', 'tablet' ),
|
|
),
|
|
|
|
/**
|
|
* Blog Grid Spacing
|
|
*/
|
|
// Blog Grid Outside Spacing.
|
|
'.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-top' => astra_responsive_spacing( $blog_post_outside_spacing, 'top', 'tablet' ),
|
|
'padding-right' => astra_responsive_spacing( $blog_post_outside_spacing, 'right', 'tablet' ),
|
|
'padding-bottom' => astra_responsive_spacing( $blog_post_outside_spacing, 'bottom', 'tablet' ),
|
|
'padding-left' => astra_responsive_spacing( $blog_post_outside_spacing, 'left', 'tablet' ),
|
|
),
|
|
// Narrow Container blog grid tablet support for outside spacing.
|
|
'.ast-narrow-container .ast-grid-2 .ast-article-post.ast-separate-posts:nth-child(2n+0), .ast-narrow-container .ast-grid-2 .ast-article-post.ast-separate-posts:nth-child(2n+1), .ast-narrow-container .ast-grid-3 .ast-article-post.ast-separate-posts:nth-child(2n+0), .ast-narrow-container .ast-grid-3 .ast-article-post.ast-separate-posts:nth-child(2n+1), .ast-narrow-container .ast-grid-4 .ast-article-post.ast-separate-posts:nth-child(2n+0), .ast-narrow-container .ast-grid-4 .ast-article-post.ast-separate-posts:nth-child(2n+1)' => array(
|
|
'padding-top' => astra_responsive_spacing( $blog_post_outside_spacing, 'top', 'tablet' ),
|
|
'padding-right' => astra_responsive_spacing( $blog_post_outside_spacing, 'right', 'tablet' ),
|
|
'padding-bottom' => astra_responsive_spacing( $blog_post_outside_spacing, 'bottom', 'tablet' ),
|
|
'padding-left' => astra_responsive_spacing( $blog_post_outside_spacing, 'left', 'tablet' ),
|
|
),
|
|
// Blog Grid Inside Spacing.
|
|
'.ast-separate-container .ast-grid-2 .blog-layout-1, .ast-separate-container .ast-grid-2 .blog-layout-2, .ast-separate-container .ast-grid-2 .blog-layout-3, .ast-separate-container .ast-grid-3 .blog-layout-1, .ast-separate-container .ast-grid-3 .blog-layout-2, .ast-separate-container .ast-grid-3 .blog-layout-3, .ast-separate-container .ast-grid-4 .blog-layout-1, .ast-separate-container .ast-grid-4 .blog-layout-2, .ast-separate-container .ast-grid-4 .blog-layout-3' => array(
|
|
'padding-top' => astra_responsive_spacing( $blog_post_inside_spacing, 'top', 'tablet' ),
|
|
'padding-right' => astra_responsive_spacing( $blog_post_inside_spacing, 'right', 'tablet' ),
|
|
'padding-bottom' => astra_responsive_spacing( $blog_post_inside_spacing, 'bottom', 'tablet' ),
|
|
'padding-left' => astra_responsive_spacing( $blog_post_inside_spacing, 'left', 'tablet' ),
|
|
),
|
|
// Narrow Container blog grid tablet support for inside spacing.
|
|
'.ast-narrow-container .ast-grid-2 .blog-layout-1, .ast-narrow-container .ast-grid-2 .blog-layout-2, .ast-narrow-container .ast-grid-2 .blog-layout-3, .ast-narrow-container .ast-grid-3 .blog-layout-1, .ast-narrow-container .ast-grid-3 .blog-layout-2, .ast-narrow-container .ast-grid-3 .blog-layout-3, .ast-narrow-container .ast-grid-4 .blog-layout-1, .ast-narrow-container .ast-grid-4 .blog-layout-2, .ast-narrow-container .ast-grid-4 .blog-layout-3' => array(
|
|
'padding-top' => astra_responsive_spacing( $blog_post_inside_spacing, 'top', 'tablet' ),
|
|
'padding-right' => astra_responsive_spacing( $blog_post_inside_spacing, 'right', 'tablet' ),
|
|
'padding-bottom' => astra_responsive_spacing( $blog_post_inside_spacing, 'bottom', 'tablet' ),
|
|
'padding-left' => astra_responsive_spacing( $blog_post_inside_spacing, 'left', 'tablet' ),
|
|
),
|
|
// Blog Pagination Spacing.
|
|
'.ast-pagination' => array(
|
|
'padding-top' => astra_responsive_spacing( $blog_post_pagination_spacing, 'top', 'tablet' ),
|
|
'padding-right' => astra_responsive_spacing( $blog_post_pagination_spacing, 'right', 'tablet' ),
|
|
'padding-bottom' => astra_responsive_spacing( $blog_post_pagination_spacing, 'bottom', 'tablet' ),
|
|
'padding-left' => astra_responsive_spacing( $blog_post_pagination_spacing, 'left', 'tablet' ),
|
|
),
|
|
$alignfull_editor_selector => array(
|
|
'margin-right' => astra_responsive_spacing( $container_inside_spacing, 'right', 'tablet', '', '-' ),
|
|
'margin-left' => astra_responsive_spacing( $container_inside_spacing, 'left', 'tablet', '', '-' ),
|
|
),
|
|
);
|
|
|
|
if ( ! astra_addon_4_6_0_compatibility() ) {
|
|
if ( $is_new_structural_defaults ) {
|
|
$tablet_spacing['.ast-separate-container .comments-title, .ast-narrow-container .comments-title'] = array(
|
|
'padding-right' => astra_responsive_spacing( $single_post_inside_spacing, 'right', 'tablet' ),
|
|
'padding-left' => astra_responsive_spacing( $single_post_inside_spacing, 'left', 'tablet' ),
|
|
'padding-top' => astra_responsive_spacing( $single_post_inside_spacing, 'top', 'tablet' ),
|
|
'padding-bottom' => astra_addon_4_6_0_compatibility() ? '' : '0',
|
|
);
|
|
}
|
|
}
|
|
|
|
if ( false === astra_addon_builder_helper()->is_header_footer_builder_active ) {
|
|
|
|
/**
|
|
* Site Identity Spacing
|
|
*/
|
|
$tablet_spacing['.site-header .ast-site-identity'] = array(
|
|
'padding-top' => astra_responsive_spacing( $site_identity_spacing, 'top', 'tablet' ),
|
|
'padding-right' => astra_responsive_spacing( $site_identity_spacing, 'right', 'tablet' ),
|
|
'padding-bottom' => astra_responsive_spacing( $site_identity_spacing, 'bottom', 'tablet' ),
|
|
'padding-left' => astra_responsive_spacing( $site_identity_spacing, 'left', 'tablet' ),
|
|
);
|
|
}
|
|
|
|
$spacing_css_output .= astra_parse_css( $tablet_spacing, '', astra_addon_get_tablet_breakpoint() );
|
|
|
|
$mobile_spacing = array(
|
|
|
|
/**
|
|
* Content Spacing
|
|
*/
|
|
'.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single, .ast-separate-container .ast-comment-list li.depth-1, .ast-separate-container .comment-respond, .ast-separate-container .ast-related-posts-wrap, .ast-separate-container .ast-woocommerce-container' . $author_box_minimal_boxed_selector => array(
|
|
'padding-top' => astra_responsive_spacing( $container_inside_spacing, 'top', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $container_inside_spacing, 'bottom', 'mobile' ),
|
|
),
|
|
// Narrow Container global mobile support for inside spacing.
|
|
'.ast-narrow-container .ast-article-post, .ast-narrow-container .ast-article-single, .ast-narrow-container .ast-comment-list li.depth-1, .ast-narrow-container .comment-respond, .ast-narrow-container .ast-related-posts-wrap, .ast-narrow-container .ast-woocommerce-container, .ast-narrow-container .ast-single-related-posts-container' . $author_box_minimal_narrow_selector => array(
|
|
'padding-top' => astra_responsive_spacing( $container_inside_spacing, 'top', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $container_inside_spacing, 'bottom', 'mobile' ),
|
|
),
|
|
'.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-single,.ast-separate-container .comments-count-wrapper, .ast-separate-container .ast-comment-list li.depth-1, .ast-separate-container .comment-respond,.ast-separate-container .related-posts-title-wrapper,.ast-separate-container .related-posts-title-wrapper, .single.ast-separate-container .about-author-title-wrapper, .ast-separate-container .ast-related-posts-wrap, .ast-separate-container .ast-woocommerce-container' . $author_box_minimal_boxed_selector => array(
|
|
'padding-right' => astra_responsive_spacing( $container_inside_spacing, 'right', 'mobile' ),
|
|
'padding-left' => astra_responsive_spacing( $container_inside_spacing, 'left', 'mobile' ),
|
|
),
|
|
// Narrow Container global mobile support for inside spacing.
|
|
'.ast-narrow-container .ast-article-post, .ast-narrow-container .ast-article-single,.ast-narrow-container .comments-count-wrapper, .ast-narrow-container .ast-comment-list li.depth-1, .ast-narrow-container .comment-respond,.ast-narrow-container .related-posts-title-wrapper,.ast-narrow-container .related-posts-title-wrapper, .single.ast-narrow-container .about-author-title-wrapper, .ast-narrow-container .ast-related-posts-wrap, .ast-narrow-container .ast-woocommerce-container, .ast-narrow-container .ast-single-related-posts-container' . $author_box_minimal_narrow_selector => array(
|
|
'padding-right' => astra_responsive_spacing( $container_inside_spacing, 'right', 'mobile' ),
|
|
'padding-left' => astra_responsive_spacing( $container_inside_spacing, 'left', 'mobile' ),
|
|
),
|
|
'.ast-separate-container.ast-right-sidebar #primary, .ast-separate-container.ast-left-sidebar #primary, .ast-separate-container #primary, .ast-plain-container #primary, .ast-narrow-container #primary' => array(
|
|
'margin-top' => astra_responsive_spacing( $container_outside_spacing, 'top', 'mobile' ),
|
|
'margin-bottom' => astra_responsive_spacing( $container_outside_spacing, 'bottom', 'mobile' ),
|
|
),
|
|
'.ast-left-sidebar #primary, .ast-right-sidebar #primary, .ast-separate-container.ast-right-sidebar #primary, .ast-separate-container.ast-left-sidebar #primary, .ast-separate-container #primary, .ast-narrow-container #primary' => array(
|
|
'padding-left' => astra_responsive_spacing( $container_outside_spacing, 'left', 'mobile' ),
|
|
'padding-right' => astra_responsive_spacing( $container_outside_spacing, 'right', 'mobile' ),
|
|
),
|
|
|
|
/**
|
|
* Single Post Content Spacing
|
|
*/
|
|
'.main-navigation ul .menu-item .menu-link, .ast-header-break-point .main-navigation ul .menu-item .menu-link, .ast-header-break-point li.ast-masthead-custom-menu-items, li.ast-masthead-custom-menu-items' => array(
|
|
'padding-top' => astra_responsive_spacing( $primary_menu_spacing, 'top', 'mobile' ),
|
|
'padding-right' => astra_responsive_spacing( $primary_menu_spacing, 'right', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $primary_menu_spacing, 'bottom', 'mobile' ),
|
|
'padding-left' => astra_responsive_spacing( $primary_menu_spacing, 'left', 'mobile' ),
|
|
),
|
|
'.ast-header-break-point .main-navigation ul .menu-item.menu-item-has-children button' => array(
|
|
'padding-right' => astra_responsive_spacing( $primary_menu_spacing, 'right', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $primary_menu_spacing, 'bottom', 'mobile' ),
|
|
),
|
|
'.ast-separate-container.ast-single-post .ast-article-post, .ast-separate-container.ast-single-post .ast-article-single,.ast-separate-container.ast-single-post .comments-count-wrapper, .ast-separate-container.ast-single-post .ast-comment-list li.depth-1, .ast-separate-container.ast-single-post .comment-respond, .ast-separate-container.ast-single-post .related-posts-title-wrapper, .ast-separate-container.ast-single-post .ast-related-posts-wrap, .ast-separate-container.ast-single-post .ast-woocommerce-container' . $author_meta_boxed_selector => array(
|
|
'padding-right' => astra_responsive_spacing( $single_post_inside_spacing, 'right', 'mobile' ),
|
|
'padding-left' => astra_responsive_spacing( $single_post_inside_spacing, 'left', 'mobile' ),
|
|
'padding-top' => astra_responsive_spacing( $single_post_inside_spacing, 'top', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $single_post_inside_spacing, 'bottom', 'mobile' ),
|
|
),
|
|
// Narrow Container single post mobile support for inside spacing.
|
|
'.ast-narrow-container.ast-single-post .ast-article-post, .ast-narrow-container.ast-single-post .ast-article-single,.ast-narrow-container.ast-single-post .comments-count-wrapper, .ast-narrow-container.ast-single-post .ast-comment-list li.depth-1, .ast-narrow-container.ast-single-post .comment-respond, .ast-narrow-container.ast-single-post .related-posts-title-wrapper, .ast-narrow-container.ast-single-post .ast-related-posts-wrap, .ast-narrow-container.ast-single-post .ast-woocommerce-container' . $author_meta_narrow_selector => array(
|
|
'padding-right' => astra_responsive_spacing( $single_post_inside_spacing, 'right', 'mobile' ),
|
|
'padding-left' => astra_responsive_spacing( $single_post_inside_spacing, 'left', 'mobile' ),
|
|
'padding-top' => astra_responsive_spacing( $single_post_inside_spacing, 'top', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $single_post_inside_spacing, 'bottom', 'mobile' ),
|
|
),
|
|
|
|
/**
|
|
* Sidebar Spacing
|
|
*/
|
|
// Sidebar Spacing Top / Bottom Padding.
|
|
'.ast-plain-container #secondary,.ast-separate-container #secondary, .ast-page-builder-template #secondary' => array(
|
|
'margin-top' => astra_responsive_spacing( $sidebar_outside_spacing, 'top', 'mobile' ),
|
|
'margin-bottom' => astra_responsive_spacing( $sidebar_outside_spacing, 'bottom', 'mobile' ),
|
|
),
|
|
'.ast-right-sidebar #secondary, .ast-left-sidebar #secondary, .ast-separate-container.ast-two-container.ast-left-sidebar #secondary, .ast-separate-container.ast-two-container.ast-right-sidebar #secondary, .ast-separate-container.ast-right-sidebar #secondary, .ast-separate-container.ast-left-sidebar #secondary' => array(
|
|
'padding-left' => astra_responsive_spacing( $sidebar_outside_spacing, 'left', 'mobile' ),
|
|
'padding-right' => astra_responsive_spacing( $sidebar_outside_spacing, 'right', 'mobile' ),
|
|
),
|
|
// Sidebar Inside Spacing Top / Bottom / Left / Right Padding.
|
|
'.ast-separate-container.ast-two-container #secondary .widget, .ast-separate-container #secondary .widget, .ast-plain-container #secondary .widget' => array(
|
|
'padding-top' => astra_responsive_spacing( $sidebar_inside_spacing, 'top', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $sidebar_inside_spacing, 'bottom', 'mobile' ),
|
|
),
|
|
'.ast-two-container.ast-right-sidebar #secondary .widget, .ast-two-container.ast-left-sidebar #secondary .widget, .ast-separate-container #secondary .widget, .ast-plain-container #secondary .widget' => array(
|
|
'padding-left' => astra_responsive_spacing( $sidebar_inside_spacing, 'left', 'mobile' ),
|
|
'padding-right' => astra_responsive_spacing( $sidebar_inside_spacing, 'right', 'mobile' ),
|
|
),
|
|
|
|
/**
|
|
* Blog Grid Spacing
|
|
*/
|
|
// Blog Grid Outside Spacing.
|
|
'.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-top' => astra_responsive_spacing( $blog_post_outside_spacing, 'top', 'mobile' ),
|
|
'padding-right' => astra_responsive_spacing( $blog_post_outside_spacing, 'right', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $blog_post_outside_spacing, 'bottom', 'mobile' ),
|
|
'padding-left' => astra_responsive_spacing( $blog_post_outside_spacing, 'left', 'mobile' ),
|
|
),
|
|
// Narrow Container blog grid mobile support for outside spacing.
|
|
'.ast-narrow-container .ast-grid-2 .ast-article-post.ast-separate-posts:nth-child(2n+0), .ast-narrow-container .ast-grid-2 .ast-article-post.ast-separate-posts:nth-child(2n+1), .ast-narrow-container .ast-grid-3 .ast-article-post.ast-separate-posts:nth-child(2n+0), .ast-narrow-container .ast-grid-3 .ast-article-post.ast-separate-posts:nth-child(2n+1), .ast-narrow-container .ast-grid-4 .ast-article-post.ast-separate-posts:nth-child(2n+0), .ast-narrow-container .ast-grid-4 .ast-article-post.ast-separate-posts:nth-child(2n+1)' => array(
|
|
'padding-top' => astra_responsive_spacing( $blog_post_outside_spacing, 'top', 'mobile' ),
|
|
'padding-right' => astra_responsive_spacing( $blog_post_outside_spacing, 'right', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $blog_post_outside_spacing, 'bottom', 'mobile' ),
|
|
'padding-left' => astra_responsive_spacing( $blog_post_outside_spacing, 'left', 'mobile' ),
|
|
),
|
|
// Blog Grid Inside Spacing.
|
|
'.ast-separate-container .ast-grid-2 .blog-layout-1, .ast-separate-container .ast-grid-2 .blog-layout-2, .ast-separate-container .ast-grid-2 .blog-layout-3, .ast-separate-container .ast-grid-3 .ast-article-post .blog-layout-1, .ast-separate-container .ast-grid-3 .blog-layout-2, .ast-separate-container .ast-grid-3 .blog-layout-3, .ast-separate-container .ast-grid-4 .ast-article-post .blog-layout-1, .ast-separate-container .ast-grid-4 .blog-layout-2, .ast-separate-container .ast-grid-4 .blog-layout-3' => array(
|
|
'padding-top' => astra_responsive_spacing( $blog_post_inside_spacing, 'top', 'mobile' ),
|
|
'padding-right' => astra_responsive_spacing( $blog_post_inside_spacing, 'right', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $blog_post_inside_spacing, 'bottom', 'mobile' ),
|
|
'padding-left' => astra_responsive_spacing( $blog_post_inside_spacing, 'left', 'mobile' ),
|
|
),
|
|
// Narrow Container blog grid mobile support for inside spacing.
|
|
'.ast-narrow-container .ast-grid-2 .blog-layout-1, .ast-narrow-container .ast-grid-2 .blog-layout-2, .ast-narrow-container .ast-grid-2 .blog-layout-3, .ast-narrow-container .ast-grid-3 .ast-article-post .blog-layout-1, .ast-narrow-container .ast-grid-3 .blog-layout-2, .ast-narrow-container .ast-grid-3 .blog-layout-3, .ast-narrow-container .ast-grid-4 .ast-article-post .blog-layout-1, .ast-narrow-container .ast-grid-4 .blog-layout-2, .ast-narrow-container .ast-grid-4 .blog-layout-3' => array(
|
|
'padding-top' => astra_responsive_spacing( $blog_post_inside_spacing, 'top', 'mobile' ),
|
|
'padding-right' => astra_responsive_spacing( $blog_post_inside_spacing, 'right', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $blog_post_inside_spacing, 'bottom', 'mobile' ),
|
|
'padding-left' => astra_responsive_spacing( $blog_post_inside_spacing, 'left', 'mobile' ),
|
|
),
|
|
// Blog Pagination Spacing.
|
|
'.ast-pagination' => array(
|
|
'padding-top' => astra_responsive_spacing( $blog_post_pagination_spacing, 'top', 'mobile' ),
|
|
'padding-right' => astra_responsive_spacing( $blog_post_pagination_spacing, 'right', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $blog_post_pagination_spacing, 'bottom', 'mobile' ),
|
|
'padding-left' => astra_responsive_spacing( $blog_post_pagination_spacing, 'left', 'mobile' ),
|
|
),
|
|
$alignfull_editor_selector => array(
|
|
'margin-right' => astra_responsive_spacing( $container_inside_spacing, 'right', 'mobile', '', '-' ),
|
|
'margin-left' => astra_responsive_spacing( $container_inside_spacing, 'left', 'mobile', '', '-' ),
|
|
),
|
|
);
|
|
|
|
if ( ! astra_addon_4_6_0_compatibility() ) {
|
|
if ( $is_new_structural_defaults ) {
|
|
$mobile_spacing['.ast-separate-container .comments-title, .ast-narrow-container .comments-title'] = array(
|
|
'padding-right' => astra_responsive_spacing( $single_post_inside_spacing, 'right', 'mobile' ),
|
|
'padding-left' => astra_responsive_spacing( $single_post_inside_spacing, 'left', 'mobile' ),
|
|
'padding-top' => astra_responsive_spacing( $single_post_inside_spacing, 'top', 'mobile' ),
|
|
'padding-bottom' => astra_addon_4_6_0_compatibility() ? '' : '0',
|
|
);
|
|
}
|
|
}
|
|
|
|
if ( false === astra_addon_builder_helper()->is_header_footer_builder_active ) {
|
|
|
|
/**
|
|
* Site Identity Spacing
|
|
*/
|
|
$mobile_spacing['.site-header .ast-site-identity'] = array(
|
|
'padding-top' => astra_responsive_spacing( $site_identity_spacing, 'top', 'mobile' ),
|
|
'padding-right' => astra_responsive_spacing( $site_identity_spacing, 'right', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $site_identity_spacing, 'bottom', 'mobile' ),
|
|
'padding-left' => astra_responsive_spacing( $site_identity_spacing, 'left', 'mobile' ),
|
|
);
|
|
}
|
|
|
|
$spacing_css_output .= astra_parse_css( $mobile_spacing, '', astra_addon_get_mobile_breakpoint() );
|
|
|
|
// Fixed submenu icon issue for RTL in responsive devices.
|
|
$ltr_left = $is_site_rtl ? 'right' : 'left';
|
|
$ltr_right = $is_site_rtl ? 'left' : 'right';
|
|
|
|
$desktop_submenu_arrow_css = array(
|
|
'.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle' => array(
|
|
'top' => astra_responsive_spacing( $primary_menu_spacing, 'top', 'desktop' ),
|
|
$ltr_right => astra_calc_spacing( astra_responsive_spacing( $primary_menu_spacing, $ltr_right, 'desktop' ), '-', '0.907', 'em' ),
|
|
),
|
|
'.ast-flyout-menu-enable.ast-header-break-point .main-header-bar .main-header-bar-navigation .main-header-menu > .menu-item-has-children > .ast-menu-toggle' => array(
|
|
$ltr_right => astra_calc_spacing( astra_responsive_spacing( $primary_menu_spacing, $ltr_right, 'desktop' ), '-', '0.907', 'em' ),
|
|
),
|
|
);
|
|
|
|
$tablet_submenu_arrow_css = array(
|
|
'.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle' => array(
|
|
'top' => astra_responsive_spacing( $primary_menu_spacing, 'top', 'tablet' ),
|
|
$ltr_right => astra_calc_spacing( astra_responsive_spacing( $primary_menu_spacing, $ltr_right, 'tablet' ), '-', '0.907', 'em' ),
|
|
),
|
|
'.ast-flyout-menu-enable.ast-header-break-point .main-header-bar .main-header-bar-navigation .main-header-menu > .menu-item-has-children > .ast-menu-toggle' => array(
|
|
$ltr_right => astra_calc_spacing( astra_responsive_spacing( $primary_menu_spacing, $ltr_right, 'tablet' ), '-', '0.907', 'em' ),
|
|
),
|
|
);
|
|
|
|
$mobile_submenu_arrow_css = array(
|
|
'.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle' => array(
|
|
'top' => astra_responsive_spacing( $primary_menu_spacing, 'top', 'mobile' ),
|
|
$ltr_right => astra_calc_spacing( astra_responsive_spacing( $primary_menu_spacing, $ltr_right, 'mobile' ), '-', '0.907', 'em' ),
|
|
),
|
|
'.ast-flyout-menu-enable.ast-header-break-point .main-header-bar .main-header-bar-navigation .main-header-menu > .menu-item-has-children > .ast-menu-toggle' => array(
|
|
$ltr_right => astra_calc_spacing( astra_responsive_spacing( $primary_menu_spacing, $ltr_right, 'mobile' ), '-', '0.907', 'em' ),
|
|
),
|
|
|
|
);
|
|
$spacing_css_output .= astra_parse_css( $desktop_submenu_arrow_css );
|
|
$spacing_css_output .= astra_parse_css( $tablet_submenu_arrow_css, '', astra_addon_get_tablet_breakpoint() );
|
|
$spacing_css_output .= astra_parse_css( $mobile_submenu_arrow_css, '', astra_addon_get_mobile_breakpoint() );
|
|
|
|
$remove_bottom_site_branding_space = array(
|
|
'.ast-header-break-point .header-main-layout-2 .site-branding, .ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons' => array(
|
|
'padding-bottom' => astra_get_css_value( 0, 'px' ),
|
|
),
|
|
);
|
|
|
|
if ( isset( $header_spacing['mobile']['bottom'] ) && ( '' != $header_spacing['mobile']['bottom'] ) ) {
|
|
$spacing_css_output .= astra_parse_css( $remove_bottom_site_branding_space, '', astra_addon_get_mobile_breakpoint() );
|
|
}
|
|
|
|
/**
|
|
*
|
|
* Sidebar Desktop/Tablet/Mobile Spacing
|
|
*/
|
|
$remove_sidebar_widget_outside_margin_desktop = array(
|
|
'.ast-separate-container.ast-two-container #secondary .widget, .ast-separate-container #secondary .widget' => array(
|
|
'margin-bottom' => astra_responsive_spacing( $sidebar_outside_spacing, 'bottom', 'desktop' ),
|
|
),
|
|
);
|
|
$spacing_css_output .= astra_parse_css( $remove_sidebar_widget_outside_margin_desktop );
|
|
|
|
// Tablet.
|
|
$remove_sidebar_widget_outside_margin_tablet = array(
|
|
'.ast-separate-container.ast-two-container #secondary .widget, .ast-separate-container #secondary .widget' => array(
|
|
'margin-bottom' => astra_responsive_spacing( $sidebar_outside_spacing, 'bottom', 'tablet' ),
|
|
),
|
|
);
|
|
$spacing_css_output .= astra_parse_css( $remove_sidebar_widget_outside_margin_tablet, '', astra_addon_get_tablet_breakpoint() );
|
|
|
|
// Mobile.
|
|
$remove_sidebar_widget_outside_margin_mobile = array(
|
|
'.ast-separate-container.ast-two-container #secondary .widget, .ast-separate-container #secondary .widget' => array(
|
|
'margin-bottom' => astra_responsive_spacing( $sidebar_outside_spacing, 'bottom', 'mobile' ),
|
|
),
|
|
);
|
|
$spacing_css_output .= astra_parse_css( $remove_sidebar_widget_outside_margin_mobile, '', astra_addon_get_mobile_breakpoint() );
|
|
|
|
/**
|
|
* Container Outer spacing
|
|
*/
|
|
// To apply Container Outside Spacing we need to remove default top padding given from the theme.
|
|
$remove_top_padding_container = array(
|
|
'.ast-separate-container #primary, .ast-narrow-container #primary' => array(
|
|
'padding-top' => astra_get_css_value( 0, 'px' ),
|
|
),
|
|
);
|
|
if ( '' != $container_outside_spacing['desktop']['top'] ) {
|
|
$spacing_css_output .= astra_parse_css( $remove_top_padding_container );
|
|
}
|
|
if ( '' != $container_outside_spacing['tablet']['top'] ) {
|
|
$spacing_css_output .= astra_parse_css( $remove_top_padding_container, '', astra_addon_get_tablet_breakpoint() );
|
|
}
|
|
if ( '' != $container_outside_spacing['mobile']['top'] ) {
|
|
$spacing_css_output .= astra_parse_css( $remove_top_padding_container, '', astra_addon_get_mobile_breakpoint() );
|
|
}
|
|
|
|
// To apply Container Outside Spacing we need to remove default bottom padding given from the theme.
|
|
$remove_bottom_padding_container = array(
|
|
'.ast-separate-container #primary, .ast-narrow-container #primary' => array(
|
|
'padding-bottom' => astra_get_css_value( 0, 'px' ),
|
|
),
|
|
);
|
|
if ( '' != $container_outside_spacing['desktop']['top'] ) {
|
|
$spacing_css_output .= astra_parse_css( $remove_bottom_padding_container );
|
|
}
|
|
if ( '' != $container_outside_spacing['tablet']['top'] ) {
|
|
$spacing_css_output .= astra_parse_css( $remove_bottom_padding_container, '', astra_addon_get_tablet_breakpoint() );
|
|
}
|
|
if ( '' != $container_outside_spacing['mobile']['top'] ) {
|
|
$spacing_css_output .= astra_parse_css( $remove_bottom_padding_container, '', astra_addon_get_mobile_breakpoint() );
|
|
}
|
|
|
|
/**
|
|
* Blog Grid Outer spacing
|
|
*/
|
|
if ( ( 1 == $blog_grid || 'blog-layout-2' === $blog_layout || 'blog-layout-3' === $blog_layout || 'blog-layout-5' === $blog_layout || ! Astra_Ext_Extension::is_active( 'blog-pro' ) ) ) {
|
|
// Apply margin only if grid is selected 1 column.
|
|
$single_column_margin_blog_pro = array(
|
|
'.ast-separate-container .ast-article-post, .ast-separate-container .ast-separate-posts.ast-article-post, .ast-narrow-container .ast-article-post, .ast-narrow-container .ast-separate-posts.ast-article-post' => array(
|
|
'margin-top' => astra_responsive_spacing( $blog_post_outside_spacing, 'top', 'desktop' ),
|
|
'margin-right' => astra_responsive_spacing( $blog_post_outside_spacing, 'right', 'desktop' ),
|
|
'margin-bottom' => astra_responsive_spacing( $blog_post_outside_spacing, 'bottom', 'desktop' ),
|
|
'margin-left' => astra_responsive_spacing( $blog_post_outside_spacing, 'left', 'desktop' ),
|
|
),
|
|
'.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-post, .ast-narrow-container .ast-article-post, .ast-narrow-container .ast-separate-posts.ast-article-post' => array(
|
|
'padding-top' => astra_responsive_spacing( $blog_post_inside_spacing, 'top', 'desktop' ),
|
|
'padding-right' => astra_responsive_spacing( $blog_post_inside_spacing, 'right', 'desktop' ),
|
|
'padding-bottom' => astra_responsive_spacing( $blog_post_inside_spacing, 'bottom', 'desktop' ),
|
|
'padding-left' => astra_responsive_spacing( $blog_post_inside_spacing, 'left', 'desktop' ),
|
|
),
|
|
);
|
|
$spacing_css_output .= astra_parse_css( $single_column_margin_blog_pro );
|
|
|
|
$single_column_margin_blog_pro_tablet = array(
|
|
'.ast-separate-container .ast-article-post, .ast-separate-container .ast-separate-posts.ast-article-post, .ast-narrow-container .ast-article-post, .ast-narrow-container .ast-separate-posts.ast-article-post' => array(
|
|
'margin-top' => astra_responsive_spacing( $blog_post_outside_spacing, 'top', 'tablet' ),
|
|
'margin-right' => astra_responsive_spacing( $blog_post_outside_spacing, 'right', 'tablet' ),
|
|
'margin-bottom' => astra_responsive_spacing( $blog_post_outside_spacing, 'bottom', 'tablet' ),
|
|
'margin-left' => astra_responsive_spacing( $blog_post_outside_spacing, 'left', 'tablet' ),
|
|
),
|
|
'.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-post, .ast-narrow-container .ast-article-post, .ast-narrow-container .ast-article-post' => array(
|
|
'padding-top' => astra_responsive_spacing( $blog_post_inside_spacing, 'top', 'tablet' ),
|
|
'padding-right' => astra_responsive_spacing( $blog_post_inside_spacing, 'right', 'tablet' ),
|
|
'padding-bottom' => astra_responsive_spacing( $blog_post_inside_spacing, 'bottom', 'tablet' ),
|
|
'padding-left' => astra_responsive_spacing( $blog_post_inside_spacing, 'left', 'tablet' ),
|
|
),
|
|
);
|
|
$spacing_css_output .= astra_parse_css( $single_column_margin_blog_pro_tablet, '', astra_addon_get_tablet_breakpoint() );
|
|
|
|
$single_column_margin_blog_pro_mobile = array(
|
|
'.ast-separate-container .ast-article-post, .ast-separate-container .ast-separate-posts.ast-article-post, .ast-narrow-container .ast-article-post, .ast-narrow-container .ast-separate-posts.ast-article-post' => array(
|
|
'margin-top' => astra_responsive_spacing( $blog_post_outside_spacing, 'top', 'mobile' ),
|
|
'margin-right' => astra_responsive_spacing( $blog_post_outside_spacing, 'right', 'mobile' ),
|
|
'margin-bottom' => astra_responsive_spacing( $blog_post_outside_spacing, 'bottom', 'mobile' ),
|
|
'margin-left' => astra_responsive_spacing( $blog_post_outside_spacing, 'left', 'mobile' ),
|
|
),
|
|
'.ast-separate-container .ast-article-post, .ast-separate-container .ast-article-post, .ast-narrow-container .ast-article-post, .ast-narrow-container .ast-article-post' => array(
|
|
'padding-top' => astra_responsive_spacing( $blog_post_inside_spacing, 'top', 'mobile' ),
|
|
'padding-right' => astra_responsive_spacing( $blog_post_inside_spacing, 'right', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $blog_post_inside_spacing, 'bottom', 'mobile' ),
|
|
'padding-left' => astra_responsive_spacing( $blog_post_inside_spacing, 'left', 'mobile' ),
|
|
),
|
|
);
|
|
$spacing_css_output .= astra_parse_css( $single_column_margin_blog_pro_mobile, '', astra_addon_get_mobile_breakpoint() );
|
|
} else {
|
|
// To apply Blog Grid Outside Spacing we need to remove default bottom margin given from the blog pro.
|
|
$remove_bottom_margin_blog_pro = array(
|
|
'.ast-separate-container .ast-separate-posts.ast-article-post, .ast-narrow-container .ast-separate-posts.ast-article-post' => array(
|
|
'margin-bottom' => astra_get_css_value( 0, 'px' ),
|
|
),
|
|
);
|
|
|
|
if ( '' != $blog_post_outside_spacing['desktop']['bottom'] ) {
|
|
$spacing_css_output .= astra_parse_css( $remove_bottom_margin_blog_pro );
|
|
}
|
|
if ( '' != $blog_post_outside_spacing['tablet']['bottom'] ) {
|
|
$spacing_css_output .= astra_parse_css( $remove_bottom_margin_blog_pro, '', astra_addon_get_tablet_breakpoint() );
|
|
}
|
|
if ( '' != $blog_post_outside_spacing['mobile']['bottom'] ) {
|
|
$spacing_css_output .= astra_parse_css( $remove_bottom_margin_blog_pro, '', astra_addon_get_mobile_breakpoint() );
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Blog Pro Featured Image padding
|
|
*/
|
|
if ( $blog_featured_image_padding ) {
|
|
|
|
$blog_layout_4_class_first = ' ,.ast-separate-container .ast-article-post.remove-featured-img-padding .blog-layout-4 .post-content .ast-blog-featured-section:first-child .post-thumb-img-content';
|
|
$blog_layout_4_class = ' ,.ast-separate-container .ast-article-post.remove-featured-img-padding .blog-layout-4 .post-content .ast-blog-featured-section .post-thumb-img-content';
|
|
|
|
$remove_featured_image_margin_top = array(
|
|
'.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,.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, .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,.ast-desktop.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' . $blog_layout_4_class_first => array(
|
|
'margin-top' => ( ! empty( $blog_post_inside_spacing['desktop']['top'] ) ? ( '-' . astra_responsive_spacing( $blog_post_inside_spacing, 'top', 'desktop' ) ) : '' ),
|
|
),
|
|
'.ast-separate-container .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content, .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, .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' . $blog_layout_4_class => array(
|
|
'margin-left' => ( ! empty( $blog_post_inside_spacing['desktop']['left'] ) ? ( '-' . astra_responsive_spacing( $blog_post_inside_spacing, 'left', 'desktop' ) ) : '' ),
|
|
'margin-right' => ( ! empty( $blog_post_inside_spacing['desktop']['right'] ) ? ( '-' . astra_responsive_spacing( $blog_post_inside_spacing, 'right', 'desktop' ) ) : '' ),
|
|
),
|
|
'.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' . $blog_layout_4_class => array(
|
|
'margin-left' => ( ! empty( $blog_post_inside_spacing['desktop']['left'] ) ? ( '-' . astra_responsive_spacing( $blog_post_inside_spacing, 'left', 'desktop' ) ) : '' ),
|
|
),
|
|
);
|
|
$spacing_css_output .= astra_parse_css( $remove_featured_image_margin_top );
|
|
|
|
$remove_featured_image_margin_top_tablet = array(
|
|
'.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,.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' . $blog_layout_4_class_first => array(
|
|
'margin-top' => ( ! empty( $blog_post_inside_spacing['tablet']['top'] ) ? ( '-' . astra_responsive_spacing( $blog_post_inside_spacing, 'top', 'tablet' ) ) : '' ),
|
|
),
|
|
'.ast-separate-container .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content,.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, .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' . $blog_layout_4_class => array(
|
|
'margin-left' => ( ! empty( $blog_post_inside_spacing['tablet']['left'] ) ? ( '-' . astra_responsive_spacing( $blog_post_inside_spacing, 'left', 'tablet' ) ) : '' ),
|
|
'margin-right' => ( ! empty( $blog_post_inside_spacing['tablet']['right'] ) ? ( '-' . astra_responsive_spacing( $blog_post_inside_spacing, 'right', 'tablet' ) ) : '' ),
|
|
),
|
|
'.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' . $blog_layout_4_class => array(
|
|
'margin-left' => ( ! empty( $blog_post_inside_spacing['tablet']['left'] ) ? ( '-' . astra_responsive_spacing( $blog_post_inside_spacing, 'left', 'tablet' ) ) : '' ),
|
|
),
|
|
);
|
|
$spacing_css_output .= astra_parse_css( $remove_featured_image_margin_top_tablet, '', astra_addon_get_tablet_breakpoint() );
|
|
|
|
$remove_featured_image_margin_top_mobile = array(
|
|
'.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,.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' . $blog_layout_4_class_first => array(
|
|
'margin-top' => ( ! empty( $blog_post_inside_spacing['mobile']['top'] ) ? ( '-' . astra_responsive_spacing( $blog_post_inside_spacing, 'top', 'mobile' ) ) : '' ),
|
|
),
|
|
'.ast-separate-container .ast-article-post.remove-featured-img-padding .blog-layout-1 .post-thumb-img-content,.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, .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' . $blog_layout_4_class => array(
|
|
'margin-left' => ( ! empty( $blog_post_inside_spacing['mobile']['left'] ) ? ( '-' . astra_responsive_spacing( $blog_post_inside_spacing, 'left', 'mobile' ) ) : '' ),
|
|
'margin-right' => ( ! empty( $blog_post_inside_spacing['mobile']['right'] ) ? ( '-' . astra_responsive_spacing( $blog_post_inside_spacing, 'right', 'mobile' ) ) : '' ),
|
|
),
|
|
'.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' . $blog_layout_4_class => array(
|
|
'margin-left' => ( ! empty( $blog_post_inside_spacing['mobile']['left'] ) ? ( '-' . astra_responsive_spacing( $blog_post_inside_spacing, 'left', 'mobile' ) ) : '' ),
|
|
),
|
|
);
|
|
$spacing_css_output .= astra_parse_css( $remove_featured_image_margin_top_mobile, '', astra_addon_get_mobile_breakpoint() );
|
|
}
|
|
|
|
/**
|
|
* Single Blog Featured Image padding
|
|
*/
|
|
if ( $remove_single_featured_padding ) {
|
|
|
|
// Container inside spacing for single post if single_post_inside_spacing is not given then fallback to container_inside_spacing.
|
|
$remove_single_featured_image_margin_top = array(
|
|
'.ast-separate-container .ast-article-single.remove-featured-img-padding .single-layout-1 .entry-header .post-thumb-img-content:first-child' => array(
|
|
'margin-top' => ( isset( $container_inside_spacing['desktop']['top'] ) && ( '' != $container_inside_spacing['desktop']['top'] ) ? ( '-' . astra_responsive_spacing( $container_inside_spacing, 'top', 'desktop' ) ) : '' ),
|
|
),
|
|
'.ast-separate-container .ast-article-single.remove-featured-img-padding .single-layout-1 .entry-header .post-thumb-img-content:first-child, .ast-separate-container .ast-article-single.remove-featured-img-padding .single-layout-1 .post-thumb-img-content' => array(
|
|
'margin-left' => ( isset( $container_inside_spacing['desktop']['left'] ) && ( '' != $container_inside_spacing['desktop']['left'] ) ? ( '-' . astra_responsive_spacing( $container_inside_spacing, 'left', 'desktop' ) ) : '' ),
|
|
'margin-right' => ( isset( $container_inside_spacing['desktop']['right'] ) && ( '' != $container_inside_spacing['desktop']['right'] ) ? ( '-' . astra_responsive_spacing( $container_inside_spacing, 'right', 'desktop' ) ) : '' ),
|
|
),
|
|
);
|
|
$spacing_css_output .= astra_parse_css( $remove_single_featured_image_margin_top );
|
|
|
|
$remove_single_featured_image_margin_top_tablet = array(
|
|
'.ast-separate-container .ast-article-single.remove-featured-img-padding .single-layout-1 .entry-header .post-thumb-img-content:first-child' => array(
|
|
'margin-top' => ( isset( $container_inside_spacing['tablet']['top'] ) && ( '' != $container_inside_spacing['tablet']['top'] ) ? ( '-' . astra_responsive_spacing( $container_inside_spacing, 'top', 'tablet' ) ) : '' ),
|
|
),
|
|
'.ast-separate-container .ast-article-single.remove-featured-img-padding .single-layout-1 .entry-header .post-thumb-img-content:first-child, .ast-separate-container .ast-article-single.remove-featured-img-padding .single-layout-1 .post-thumb-img-content' => array(
|
|
'margin-left' => ( isset( $container_inside_spacing['tablet']['left'] ) && ( '' != $container_inside_spacing['tablet']['left'] ) ? ( '-' . astra_responsive_spacing( $container_inside_spacing, 'left', 'tablet' ) ) : '' ),
|
|
'margin-right' => ( isset( $container_inside_spacing['tablet']['right'] ) && ( '' != $container_inside_spacing['tablet']['right'] ) ? ( '-' . astra_responsive_spacing( $container_inside_spacing, 'right', 'tablet' ) ) : '' ),
|
|
),
|
|
);
|
|
$spacing_css_output .= astra_parse_css( $remove_single_featured_image_margin_top_tablet, '', astra_addon_get_tablet_breakpoint() );
|
|
|
|
$remove_single_featured_image_margin_top_mobile = array(
|
|
'.ast-separate-container .ast-article-single.remove-featured-img-padding .single-layout-1 .entry-header .post-thumb-img-content:first-child' => array(
|
|
'margin-top' => ( isset( $container_inside_spacing['mobile']['top'] ) && ( '' != $container_inside_spacing['mobile']['top'] ) ? ( '-' . astra_responsive_spacing( $container_inside_spacing, 'top', 'mobile' ) ) : '' ),
|
|
),
|
|
'.ast-separate-container .ast-article-single.remove-featured-img-padding .single-layout-1 .entry-header .post-thumb-img-content:first-child, .ast-separate-container .ast-article-single.remove-featured-img-padding .single-layout-1 .post-thumb-img-content' => array(
|
|
'margin-left' => ( isset( $container_inside_spacing['mobile']['left'] ) && ( '' != $container_inside_spacing['mobile']['left'] ) ? ( '-' . astra_responsive_spacing( $container_inside_spacing, 'left', 'mobile' ) ) : '' ),
|
|
'margin-right' => ( isset( $container_inside_spacing['mobile']['right'] ) && ( '' != $container_inside_spacing['mobile']['right'] ) ? ( '-' . astra_responsive_spacing( $container_inside_spacing, 'right', 'mobile' ) ) : '' ),
|
|
),
|
|
);
|
|
$spacing_css_output .= astra_parse_css( $remove_single_featured_image_margin_top_mobile, '', astra_addon_get_mobile_breakpoint() );
|
|
|
|
// Single Post inside spacing for single post.
|
|
// Works only for single post if single_post_inside_spacing is given.
|
|
$remove_single_post_featured_image_margin_top = array(
|
|
'.ast-separate-container.ast-single-post .ast-article-single.remove-featured-img-padding .single-layout-1 .entry-header .post-thumb-img-content:first-child' => array(
|
|
'margin-top' => ( isset( $single_post_inside_spacing['desktop']['top'] ) && ( '' != $single_post_inside_spacing['desktop']['top'] ) ? ( '-' . astra_responsive_spacing( $single_post_inside_spacing, 'top', 'desktop' ) ) : '' ),
|
|
),
|
|
'.ast-separate-container.ast-single-post .ast-article-single.remove-featured-img-padding .single-layout-1 .entry-header .post-thumb-img-content:first-child, .ast-separate-container.ast-single-post .ast-article-single.remove-featured-img-padding .single-layout-1 .post-thumb-img-content' => array(
|
|
'margin-left' => ( isset( $single_post_inside_spacing['desktop']['left'] ) && ( '' != $single_post_inside_spacing['desktop']['left'] ) ? ( '-' . astra_responsive_spacing( $single_post_inside_spacing, 'left', 'desktop' ) ) : '' ),
|
|
'margin-right' => ( isset( $single_post_inside_spacing['desktop']['right'] ) && ( '' != $single_post_inside_spacing['desktop']['right'] ) ? ( '-' . astra_responsive_spacing( $single_post_inside_spacing, 'right', 'desktop' ) ) : '' ),
|
|
),
|
|
);
|
|
$spacing_css_output .= astra_parse_css( $remove_single_post_featured_image_margin_top );
|
|
|
|
$remove_single_post_featured_image_margin_top_tablet = array(
|
|
'.ast-separate-container.ast-single-post .ast-article-single.remove-featured-img-padding .single-layout-1 .entry-header .post-thumb-img-content:first-child' => array(
|
|
'margin-top' => ( isset( $single_post_inside_spacing['tablet']['top'] ) && ( '' != $single_post_inside_spacing['tablet']['top'] ) ? ( '-' . astra_responsive_spacing( $single_post_inside_spacing, 'top', 'tablet' ) ) : '' ),
|
|
),
|
|
'.ast-separate-container.ast-single-post .ast-article-single.remove-featured-img-padding .single-layout-1 .entry-header .post-thumb-img-content:first-child, .ast-separate-container.ast-single-post .ast-article-single.remove-featured-img-padding .single-layout-1 .post-thumb-img-content' => array(
|
|
'margin-left' => ( isset( $single_post_inside_spacing['tablet']['left'] ) && ( '' != $single_post_inside_spacing['tablet']['left'] ) ? ( '-' . astra_responsive_spacing( $single_post_inside_spacing, 'left', 'tablet' ) ) : '' ),
|
|
'margin-right' => ( isset( $single_post_inside_spacing['tablet']['right'] ) && ( '' != $single_post_inside_spacing['tablet']['right'] ) ? ( '-' . astra_responsive_spacing( $single_post_inside_spacing, 'right', 'tablet' ) ) : '' ),
|
|
),
|
|
);
|
|
$spacing_css_output .= astra_parse_css( $remove_single_post_featured_image_margin_top_tablet, '', astra_addon_get_tablet_breakpoint() );
|
|
|
|
$remove_single_post_featured_image_margin_top_mobile = array(
|
|
'.ast-separate-container.ast-single-post .ast-article-single.remove-featured-img-padding .single-layout-1 .entry-header .post-thumb-img-content:first-child' => array(
|
|
'margin-top' => ( isset( $single_post_inside_spacing['mobile']['top'] ) && ( '' != $single_post_inside_spacing['mobile']['top'] ) ? ( '-' . astra_responsive_spacing( $single_post_inside_spacing, 'top', 'mobile' ) ) : '' ),
|
|
),
|
|
'.ast-separate-container.ast-single-post .ast-article-single.remove-featured-img-padding .single-layout-1 .entry-header .post-thumb-img-content:first-child, .ast-separate-container.ast-single-post .ast-article-single.remove-featured-img-padding .single-layout-1 .post-thumb-img-content' => array(
|
|
'margin-left' => ( isset( $single_post_inside_spacing['mobile']['left'] ) && ( '' != $single_post_inside_spacing['mobile']['left'] ) ? ( '-' . astra_responsive_spacing( $single_post_inside_spacing, 'left', 'mobile' ) ) : '' ),
|
|
'margin-right' => ( isset( $single_post_inside_spacing['mobile']['right'] ) && ( '' != $single_post_inside_spacing['mobile']['right'] ) ? ( '-' . astra_responsive_spacing( $single_post_inside_spacing, 'right', 'mobile' ) ) : '' ),
|
|
),
|
|
);
|
|
$spacing_css_output .= astra_parse_css( $remove_single_post_featured_image_margin_top_mobile, '', astra_addon_get_mobile_breakpoint() );
|
|
}
|
|
|
|
/**
|
|
* Sticky Header - Shrink realted spacing
|
|
* Remove Top, Bottom spacing from Site Identity, Header Spacing, Primary Menu and Add default Sub menu top
|
|
*/
|
|
|
|
if ( Astra_Ext_Extension::is_active( 'sticky-header' ) && ( $stick_header_main || $stick_header_main_meta ) && $header_main_shrink ) {
|
|
|
|
/**
|
|
* Site Identity Spacing
|
|
*/
|
|
$remove_header_shrink_padding = array(
|
|
'.site-header .ast-sticky-shrunk .ast-site-identity, .ast-sticky-shrunk .main-header-menu > .menu-item > .menu-link, .ast-sticky-shrunk li.ast-masthead-custom-menu-items' => array(
|
|
'padding-top' => astra_get_css_value( 0, 'px' ),
|
|
'padding-bottom' => astra_get_css_value( 0, 'px' ),
|
|
),
|
|
// Remove Priamry submenu top-bottom padding for responsive devices.
|
|
' .ast-header-break-point .ast-sticky-shrunk .main-navigation .sub-menu .menu-item .menu-link' => array(
|
|
'padding-top' => astra_get_css_value( 0, 'px' ),
|
|
'padding-bottom' => astra_get_css_value( 0, 'px' ),
|
|
),
|
|
'.ast-sticky-shrunk .main-header-menu .sub-menu .menu-link' => array(
|
|
'padding-top' => astra_get_css_value( 0.9, 'em' ),
|
|
'padding-bottom' => astra_get_css_value( 0.9, 'em' ),
|
|
),
|
|
'.site-header .ast-sticky-shrunk .ast-site-identity, .ast-sticky-shrunk li.ast-masthead-custom-menu-items' => array(
|
|
'padding-top' => astra_get_css_value( 0.5, 'em' ),
|
|
'padding-bottom' => astra_get_css_value( 0.5, 'em' ),
|
|
),
|
|
// Remove Priamry submenu top-bottom padding for responsive devices.
|
|
' .ast-header-break-point .ast-sticky-shrunk .main-navigation .sub-menu .menu-item .menu-link' => array(
|
|
'padding-top' => astra_get_css_value( 0, 'px' ),
|
|
'padding-bottom' => astra_get_css_value( 0, 'px' ),
|
|
),
|
|
'.ast-sticky-shrunk .main-header-menu .sub-menu .menu-link' => array(
|
|
'padding-top' => astra_get_css_value( 0.9, 'em' ),
|
|
'padding-bottom' => astra_get_css_value( 0.9, 'em' ),
|
|
),
|
|
);
|
|
|
|
$spacing_css_output .= astra_parse_css( $remove_header_shrink_padding );
|
|
}
|
|
|
|
if ( true === astra_addon_builder_helper()->is_header_footer_builder_active && Astra_Ext_Extension::is_active( 'sticky-header' ) && ( $stick_header_main || $stick_header_main_meta || $stick_header_above || $stick_header_above_meta || $stick_header_below || $stick_header_below_meta ) && $header_main_shrink ) {
|
|
|
|
$hb_header_height = astra_get_option( 'hb-header-height' );
|
|
$hba_header_height = astra_get_option( 'hba-header-height' );
|
|
$hbb_header_height = astra_get_option( 'hbb-header-height' );
|
|
|
|
$hb_header_height_desktop = ( isset( $hb_header_height['desktop'] ) && is_numeric( $hb_header_height['desktop'] ) ) ? $hb_header_height['desktop'] - 10 : '';
|
|
$hb_header_height_tablet = ( isset( $hb_header_height['tablet'] ) && is_numeric( $hb_header_height['tablet'] ) ) ? $hb_header_height['tablet'] - 10 : '';
|
|
$hb_header_height_mobile = ( isset( $hb_header_height['mobile'] ) && is_numeric( $hb_header_height['mobile'] ) ) ? $hb_header_height['mobile'] - 10 : '';
|
|
|
|
$hba_header_height_desktop = ( isset( $hba_header_height['desktop'] ) && is_numeric( $hba_header_height['desktop'] ) ) ? $hba_header_height['desktop'] - 10 : '';
|
|
$hba_header_height_tablet = ( isset( $hba_header_height['tablet'] ) && is_numeric( $hba_header_height['tablet'] ) ) ? $hba_header_height['tablet'] - 10 : '';
|
|
$hba_header_height_mobile = ( isset( $hba_header_height['mobile'] ) && is_numeric( $hba_header_height['mobile'] ) ) ? $hba_header_height['mobile'] - 10 : '';
|
|
|
|
$hbb_header_height_desktop = ( isset( $hbb_header_height['desktop'] ) && is_numeric( $hbb_header_height['desktop'] ) ) ? $hbb_header_height['desktop'] - 10 : '';
|
|
$hbb_header_height_tablet = ( isset( $hbb_header_height['tablet'] ) && is_numeric( $hbb_header_height['tablet'] ) ) ? $hbb_header_height['tablet'] - 10 : '';
|
|
$hbb_header_height_mobile = ( isset( $hbb_header_height['mobile'] ) && is_numeric( $hbb_header_height['mobile'] ) ) ? $hbb_header_height['mobile'] - 10 : '';
|
|
|
|
$css_output_shrink_desktop = array(
|
|
// Primary Header Shrink for Desktop & mobile.
|
|
'.ast-sticky-header-shrink .ast-primary-header-bar.ast-header-sticked, .ast-sticky-header-shrink .ast-primary-header-bar.ast-header-sticked .site-primary-header-wrap, .ast-header-sticked .ast-primary-header-bar .site-primary-header-wrap, .ast-sticky-header-shrink .ast-mobile-header-wrap .ast-primary-header-bar.ast-header-sticked, .ast-sticky-header-shrink .ast-mobile-header-wrap .ast-stick-primary-below-wrapper.ast-header-sticked .ast-below-header , .ast-sticky-header-shrink .ast-stick-primary-below-wrapper.ast-header-sticked .ast-primary-header-bar .site-primary-header-wrap' => array(
|
|
'min-height' => astra_get_css_value( $hb_header_height_desktop, 'px' ),
|
|
),
|
|
'.ast-desktop.ast-sticky-header-shrink .ast-primary-header-bar.ast-header-sticked .main-header-menu > .menu-item' => array(
|
|
'line-height' => astra_get_css_value( $hb_header_height_desktop, 'px' ),
|
|
),
|
|
// Above Header Shrink for Desktop & mobile.
|
|
'.ast-sticky-header-shrink .ast-above-header-bar.ast-header-sticked .site-above-header-wrap, .ast-sticky-header-shrink .ast-above-header-bar.ast-header-sticked .site-above-header-wrap, .ast-header-sticked .ast-above-header-bar .site-above-header-wrap, .ast-header-sticked .ast-above-header-bar, .ast-sticky-header-shrink .ast-mobile-header-wrap .ast-above-header-bar.ast-header-sticked' => array(
|
|
'min-height' => astra_get_css_value( $hba_header_height_desktop, 'px' ),
|
|
),
|
|
'.ast-desktop.ast-sticky-header-shrink .ast-above-header-bar.ast-header-sticked .main-header-menu > .menu-item' => array(
|
|
'line-height' => astra_get_css_value( $hba_header_height_desktop, 'px' ),
|
|
),
|
|
// Below Header Shrink for Desktop & mobile.
|
|
'.ast-sticky-header-shrink .ast-below-header-bar.ast-header-sticked, .ast-sticky-header-shrink .ast-below-header-bar.ast-header-sticked .site-below-header-wrap, .ast-sticky-header-shrink .ast-below-header-bar.ast-header-sticked.site-below-header-wrap, .ast-header-sticked .ast-below-header-bar .site-below-header-wrap, .ast-sticky-header-shrink .ast-mobile-header-wrap .ast-below-header-bar.ast-header-sticked .site-below-header-wrap' => array(
|
|
'min-height' => astra_get_css_value( $hbb_header_height_desktop, 'px' ),
|
|
),
|
|
'.ast-desktop.ast-sticky-header-shrink .ast-below-header-bar.ast-header-sticked .main-header-menu > .menu-item' => array(
|
|
'line-height' => astra_get_css_value( $hbb_header_height_desktop, 'px' ),
|
|
),
|
|
);
|
|
|
|
$css_output_shrink_tablet = array(
|
|
// Primary Header Shrink for tablet & mobile.
|
|
'.ast-sticky-header-shrink .ast-primary-header-bar.ast-header-sticked, .ast-sticky-header-shrink .ast-primary-header-bar.ast-header-sticked, .ast-header-sticked .ast-primary-header-bar, .ast-sticky-header-shrink .ast-stick-primary-below-wrapper.ast-header-sticked' => array(
|
|
'min-height' => astra_get_css_value( $hb_header_height_tablet, 'px' ),
|
|
),
|
|
// Above Header Shrink for tablet & mobile.
|
|
'.ast-sticky-header-shrink .ast-above-header-bar.ast-header-sticked .site-above-header-wrap, .ast-sticky-header-shrink .ast-above-header-bar.ast-header-sticked .site-above-header-wrap, .ast-header-sticked .ast-above-header-bar .site-above-header-wrap, .ast-header-sticked .ast-above-header-bar' => array(
|
|
'min-height' => astra_get_css_value( $hba_header_height_tablet, 'px' ),
|
|
),
|
|
// Below Header Shrink for tablet & mobile.
|
|
'.ast-sticky-header-shrink .ast-below-header-bar.ast-header-sticked, .ast-sticky-header-shrink .ast-below-header-bar.ast-header-sticked .site-below-header-wrap, .ast-sticky-header-shrink .ast-below-header-bar.ast-header-sticked.site-below-header-wrap, .ast-header-sticked .ast-below-header-bar .site-below-header-wrap' => array(
|
|
'min-height' => astra_get_css_value( $hbb_header_height_tablet, 'px' ),
|
|
),
|
|
);
|
|
|
|
$css_output_shrink_mobile = array(
|
|
// Primary Header Shrink for mobile & mobile.
|
|
'.ast-sticky-header-shrink .ast-primary-header-bar.ast-header-sticked, .ast-sticky-header-shrink .ast-primary-header-bar.ast-header-sticked, .ast-header-sticked .ast-primary-header-bar, .ast-sticky-header-shrink .ast-stick-primary-below-wrapper.ast-header-sticked' => array(
|
|
'min-height' => astra_get_css_value( $hb_header_height_mobile, 'px' ),
|
|
),
|
|
// Above Header Shrink for mobile & mobile.
|
|
'.ast-sticky-header-shrink .ast-above-header-bar.ast-header-sticked .site-above-header-wrap, .ast-sticky-header-shrink .ast-above-header-bar.ast-header-sticked .site-above-header-wrap, .ast-header-sticked .ast-above-header-bar .site-above-header-wrap, .ast-header-sticked .ast-above-header-bar' => array(
|
|
'min-height' => astra_get_css_value( $hba_header_height_mobile, 'px' ),
|
|
),
|
|
// Below Header Shrink for mobile & mobile.
|
|
'.ast-sticky-header-shrink .ast-below-header-bar.ast-header-sticked, .ast-sticky-header-shrink .ast-below-header-bar.ast-header-sticked .site-below-header-wrap, .ast-sticky-header-shrink .ast-below-header-bar.ast-header-sticked.site-below-header-wrap, .ast-header-sticked .ast-below-header-bar .site-below-header-wrap' => array(
|
|
'min-height' => astra_get_css_value( $hbb_header_height_mobile, 'px' ),
|
|
),
|
|
);
|
|
|
|
$spacing_css_output .= astra_parse_css( $css_output_shrink_desktop );
|
|
$spacing_css_output .= astra_parse_css( $css_output_shrink_tablet, '', astra_addon_get_tablet_breakpoint() );
|
|
$spacing_css_output .= astra_parse_css( $css_output_shrink_mobile, '', astra_addon_get_mobile_breakpoint() );
|
|
}
|
|
/**
|
|
* Header Builder Menu - Spacing.
|
|
*/
|
|
if ( true === astra_addon_builder_helper()->is_header_footer_builder_active ) {
|
|
|
|
$num_of_header_menu = astra_addon_builder_helper()->num_of_header_menu;
|
|
for ( $index = 1; $index <= $num_of_header_menu; $index++ ) {
|
|
|
|
if ( ! Astra_Addon_Builder_Helper::is_component_loaded( 'menu-' . $index, 'header' ) ) {
|
|
continue;
|
|
}
|
|
|
|
$_prefix = 'menu' . $index;
|
|
$_section = 'section-hb-menu-' . $index;
|
|
|
|
$selector = '.ast-builder-menu-' . $index . ' .main-header-menu';
|
|
|
|
$sub_menu_spacing = astra_get_option( 'header-' . $_prefix . '-submenu-spacing' );
|
|
$mega_menu_heading_spacing = astra_get_option( 'header-' . $_prefix . '-megamenu-heading-space' );
|
|
$sub_menu_border = astra_get_option( 'header-' . $_prefix . '-submenu-border' );
|
|
|
|
$sub_menu_border_top = ( isset( $sub_menu_border ) && ! empty( $sub_menu_border['top'] ) ) ? $sub_menu_border['top'] : 0;
|
|
|
|
$sub_menu_border_bottom = ( isset( $sub_menu_border ) && ! empty( $sub_menu_border['bottom'] ) ) ? $sub_menu_border['bottom'] : 0;
|
|
|
|
$sub_menu_border_right = ( isset( $sub_menu_border ) && ! empty( $sub_menu_border['right'] ) ) ? $sub_menu_border['right'] : 0;
|
|
|
|
$sub_menu_border_left = ( isset( $sub_menu_border ) && ! empty( $sub_menu_border['left'] ) ) ? $sub_menu_border['left'] : 0;
|
|
|
|
// SubMenu Spacing.
|
|
|
|
// - Desktop
|
|
$sub_menu_desktop_spacing_top = ( isset( $sub_menu_spacing['desktop']['top'] ) ) ? $sub_menu_spacing['desktop']['top'] : '';
|
|
|
|
$sub_menu_desktop_spacing_bottom = ( isset( $sub_menu_spacing['desktop']['bottom'] ) ) ? $sub_menu_spacing['desktop']['bottom'] : '';
|
|
|
|
$sub_menu_desktop_spacing_right = ( isset( $sub_menu_spacing['desktop']['right'] ) ) ? $sub_menu_spacing['desktop']['right'] : '';
|
|
|
|
$sub_menu_desktop_spacing_left = ( isset( $sub_menu_spacing['desktop']['left'] ) ) ? $sub_menu_spacing['desktop']['left'] : '';
|
|
|
|
$sub_menu_desktop_spacing_unit = ( isset( $sub_menu_spacing['desktop-unit'] ) && ! empty( $sub_menu_spacing['desktop-unit'] ) ) ? $sub_menu_spacing['desktop-unit'] : 'px';
|
|
|
|
// - Tablet.
|
|
$sub_menu_tablet_spacing_top = ( isset( $sub_menu_spacing['tablet']['top'] ) ) ? $sub_menu_spacing['tablet']['top'] : '';
|
|
|
|
$sub_menu_tablet_spacing_bottom = ( isset( $sub_menu_spacing['tablet']['bottom'] ) ) ? $sub_menu_spacing['tablet']['bottom'] : '';
|
|
|
|
$sub_menu_tablet_spacing_right = ( isset( $sub_menu_spacing['tablet']['right'] ) ) ? $sub_menu_spacing['tablet']['right'] : '';
|
|
|
|
$sub_menu_tablet_spacing_left = ( isset( $sub_menu_spacing['tablet']['left'] ) ) ? $sub_menu_spacing['tablet']['left'] : '';
|
|
|
|
$sub_menu_tablet_spacing_unit = ( isset( $sub_menu_spacing['tablet-unit'] ) && ! empty( $sub_menu_spacing['tablet-unit'] ) ) ? $sub_menu_spacing['tablet-unit'] : 'px';
|
|
|
|
// - Mobile.
|
|
$sub_menu_mobile_spacing_top = ( isset( $sub_menu_spacing['mobile']['top'] ) ) ? $sub_menu_spacing['mobile']['top'] : '';
|
|
|
|
$sub_menu_mobile_spacing_bottom = ( isset( $sub_menu_spacing['mobile']['bottom'] ) ) ? $sub_menu_spacing['mobile']['bottom'] : '';
|
|
|
|
$sub_menu_mobile_spacing_right = ( isset( $sub_menu_spacing['mobile']['right'] ) ) ? $sub_menu_spacing['mobile']['right'] : '';
|
|
|
|
$sub_menu_mobile_spacing_left = ( isset( $sub_menu_spacing['mobile']['left'] ) ) ? $sub_menu_spacing['mobile']['left'] : '';
|
|
|
|
$sub_menu_mobile_spacing_unit = ( isset( $sub_menu_spacing['mobile-unit'] ) && ! empty( $sub_menu_spacing['mobile-unit'] ) ) ? $sub_menu_spacing['mobile-unit'] : 'px';
|
|
|
|
$css_output_desktop = array(
|
|
// Sub Menu.
|
|
$selector . ' .sub-menu .menu-link' => array(
|
|
'padding-top' => astra_get_css_value( $sub_menu_desktop_spacing_top, $sub_menu_desktop_spacing_unit ),
|
|
'padding-bottom' => astra_get_css_value( $sub_menu_desktop_spacing_bottom, $sub_menu_desktop_spacing_unit ),
|
|
'padding-left' => astra_get_css_value( $sub_menu_desktop_spacing_left, $sub_menu_desktop_spacing_unit ),
|
|
'padding-right' => astra_get_css_value( $sub_menu_desktop_spacing_right, $sub_menu_desktop_spacing_unit ),
|
|
),
|
|
$selector . '.submenu-with-border .astra-megamenu, ' . $selector . '.submenu-with-border .astra-full-megamenu-wrapper' => array(
|
|
'border-top-width' => astra_get_css_value( $sub_menu_border_top, 'px' ),
|
|
'border-bottom-width' => astra_get_css_value( $sub_menu_border_bottom, 'px' ),
|
|
'border-right-width' => astra_get_css_value( $sub_menu_border_right, 'px' ),
|
|
'border-left-width' => astra_get_css_value( $sub_menu_border_left, 'px' ),
|
|
'border-color' => esc_attr( astra_get_option( 'header-' . $_prefix . '-submenu-b-color' ) ),
|
|
'border-style' => 'solid',
|
|
),
|
|
);
|
|
|
|
$mobile_selector = '.ast-header-break-point .ast-builder-menu-' . $index;
|
|
|
|
$sub_menu_spacing_tablet_top = astra_responsive_spacing( $sub_menu_spacing, 'top', 'tablet' );
|
|
|
|
if ( isset( $sub_menu_spacing_tablet_top ) && '' === $sub_menu_spacing_tablet_top && isset( $sub_menu_spacing_desktop_top ) && '' !== $sub_menu_spacing_desktop_top && 0 !== $sub_menu_spacing_desktop_top ) {
|
|
|
|
$sub_menu_spacing_tablet_top = $sub_menu_spacing_desktop_top;
|
|
}
|
|
|
|
$sub_menu_spacing_tablet_top = ( isset( $sub_menu_spacing_tablet_top ) && ! empty( $sub_menu_spacing_tablet_top ) ) ? $sub_menu_spacing_tablet_top : 0;
|
|
|
|
$sub_menu_spacing_mobile_top = astra_responsive_spacing( $sub_menu_spacing, 'top', 'mobile' );
|
|
|
|
if ( isset( $sub_menu_spacing_mobile_top ) && '' === $sub_menu_spacing_mobile_top && isset( $sub_menu_spacing_tablet_top ) && '' !== $sub_menu_spacing_tablet_top && 0 !== $sub_menu_spacing_tablet_top ) {
|
|
|
|
$sub_menu_spacing_mobile_top = $sub_menu_spacing_tablet_top;
|
|
}
|
|
|
|
$sub_menu_spacing_mobile_top = ( isset( $sub_menu_spacing_mobile_top ) && ! empty( $sub_menu_spacing_mobile_top ) ) ? $sub_menu_spacing_mobile_top : 0;
|
|
|
|
$css_output_tablet = array(
|
|
// Sub Menu.
|
|
'.ast-header-break-point ' . $selector . ' .sub-menu > .menu-item > .menu-link' => array(
|
|
'padding-top' => astra_get_css_value( $sub_menu_tablet_spacing_top, $sub_menu_tablet_spacing_unit ),
|
|
'padding-bottom' => astra_get_css_value( $sub_menu_tablet_spacing_bottom, $sub_menu_tablet_spacing_unit ),
|
|
'padding-left' => astra_get_css_value( $sub_menu_tablet_spacing_left, $sub_menu_tablet_spacing_unit ),
|
|
'padding-right' => astra_get_css_value( $sub_menu_tablet_spacing_right, $sub_menu_tablet_spacing_unit ),
|
|
),
|
|
$mobile_selector . ' .sub-menu .menu-item.menu-item-has-children > .ast-menu-toggle' => array(
|
|
'top' => $sub_menu_spacing_tablet_top,
|
|
'right' => class_exists( 'Astra_Addon_Builder_Helper' ) ? astra_calc_spacing( astra_responsive_spacing( $sub_menu_spacing, 'right', 'tablet' ), '-', '0.907', 'em' ) : '',
|
|
),
|
|
);
|
|
|
|
$css_output_mobile = array(
|
|
// Sub Menu.
|
|
'.ast-header-break-point ' . $selector . ' .sub-menu > .menu-item > .menu-link' => array(
|
|
'padding-top' => astra_get_css_value( $sub_menu_mobile_spacing_top, $sub_menu_mobile_spacing_unit ),
|
|
'padding-bottom' => astra_get_css_value( $sub_menu_mobile_spacing_bottom, $sub_menu_mobile_spacing_unit ),
|
|
'padding-left' => astra_get_css_value( $sub_menu_mobile_spacing_left, $sub_menu_mobile_spacing_unit ),
|
|
'padding-right' => astra_get_css_value( $sub_menu_mobile_spacing_right, $sub_menu_mobile_spacing_unit ),
|
|
),
|
|
$mobile_selector . ' .sub-menu .menu-item.menu-item-has-children > .ast-menu-toggle' => array(
|
|
'top' => $sub_menu_spacing_mobile_top,
|
|
'right' => class_exists( 'Astra_Addon_Builder_Helper' ) ? astra_calc_spacing( astra_responsive_spacing( $sub_menu_spacing, 'right', 'mobile' ), '-', '0.907', 'em' ) : '',
|
|
),
|
|
);
|
|
|
|
if ( 3 > $index ) {
|
|
|
|
// Mega Menu heading Spacing.
|
|
|
|
// - Desktop
|
|
$mega_menu_desktop_spacing_top = ( isset( $mega_menu_heading_spacing['desktop']['top'] ) ) ? $mega_menu_heading_spacing['desktop']['top'] : '';
|
|
|
|
$mega_menu_desktop_spacing_bottom = ( isset( $mega_menu_heading_spacing['desktop']['bottom'] ) ) ? $mega_menu_heading_spacing['desktop']['bottom'] : '';
|
|
|
|
$mega_menu_desktop_spacing_right = ( isset( $mega_menu_heading_spacing['desktop']['right'] ) ) ? $mega_menu_heading_spacing['desktop']['right'] : '';
|
|
|
|
$mega_menu_desktop_spacing_left = ( isset( $mega_menu_heading_spacing['desktop']['left'] ) ) ? $mega_menu_heading_spacing['desktop']['left'] : '';
|
|
|
|
$mega_menu_desktop_spacing_unit = ( isset( $mega_menu_heading_spacing['desktop-unit'] ) && ! empty( $mega_menu_heading_spacing['desktop-unit'] ) ) ? $mega_menu_heading_spacing['desktop-unit'] : 'px';
|
|
|
|
// - Tablet.
|
|
$mega_menu_tablet_spacing_top = ( isset( $mega_menu_heading_spacing['tablet']['top'] ) ) ? $mega_menu_heading_spacing['tablet']['top'] : '';
|
|
|
|
$mega_menu_tablet_spacing_bottom = ( isset( $mega_menu_heading_spacing['tablet']['bottom'] ) ) ? $mega_menu_heading_spacing['tablet']['bottom'] : '';
|
|
|
|
$mega_menu_tablet_spacing_right = ( isset( $mega_menu_heading_spacing['tablet']['right'] ) ) ? $mega_menu_heading_spacing['tablet']['right'] : '';
|
|
|
|
$mega_menu_tablet_spacing_left = ( isset( $mega_menu_heading_spacing['tablet']['left'] ) ) ? $mega_menu_heading_spacing['tablet']['left'] : '';
|
|
|
|
$mega_menu_tablet_spacing_unit = ( isset( $mega_menu_heading_spacing['tablet-unit'] ) && ! empty( $mega_menu_heading_spacing['tablet-unit'] ) ) ? $mega_menu_heading_spacing['tablet-unit'] : 'px';
|
|
|
|
// - Mobile.
|
|
$mega_menu_mobile_spacing_top = ( isset( $mega_menu_heading_spacing['mobile']['top'] ) ) ? $mega_menu_heading_spacing['mobile']['top'] : '';
|
|
|
|
$mega_menu_mobile_spacing_bottom = ( isset( $mega_menu_heading_spacing['mobile']['bottom'] ) ) ? $mega_menu_heading_spacing['mobile']['bottom'] : '';
|
|
|
|
$mega_menu_mobile_spacing_right = ( isset( $mega_menu_heading_spacing['mobile']['right'] ) ) ? $mega_menu_heading_spacing['mobile']['right'] : '';
|
|
|
|
$mega_menu_mobile_spacing_left = ( isset( $mega_menu_heading_spacing['mobile']['left'] ) ) ? $mega_menu_heading_spacing['mobile']['left'] : '';
|
|
|
|
$mega_menu_mobile_spacing_unit = ( isset( $mega_menu_heading_spacing['mobile-unit'] ) && ! empty( $mega_menu_heading_spacing['mobile-unit'] ) ) ? $mega_menu_heading_spacing['mobile-unit'] : 'px';
|
|
|
|
$css_megamenu_output_desktop = array(
|
|
// Mega Menu.
|
|
$selector . ' .menu-item.menu-item-heading > .menu-link' => array(
|
|
'padding-top' => astra_get_css_value( $mega_menu_desktop_spacing_top, $mega_menu_desktop_spacing_unit ),
|
|
'padding-bottom' => astra_get_css_value( $mega_menu_desktop_spacing_bottom, $mega_menu_desktop_spacing_unit ),
|
|
'padding-left' => astra_get_css_value( $mega_menu_desktop_spacing_left, $mega_menu_desktop_spacing_unit ),
|
|
'padding-right' => astra_get_css_value( $mega_menu_desktop_spacing_right, $mega_menu_desktop_spacing_unit ),
|
|
),
|
|
);
|
|
|
|
$css_megamenu_output_tablet = array(
|
|
// Mega Menu.
|
|
'.ast-header-break-point ' . $selector . ' .menu-item.menu-item-heading > .menu-link' => array(
|
|
'padding-top' => astra_get_css_value( $mega_menu_tablet_spacing_top, $mega_menu_tablet_spacing_unit ),
|
|
'padding-bottom' => astra_get_css_value( $mega_menu_tablet_spacing_bottom, $mega_menu_tablet_spacing_unit ),
|
|
'padding-left' => astra_get_css_value( $mega_menu_tablet_spacing_left, $mega_menu_tablet_spacing_unit ),
|
|
'padding-right' => astra_get_css_value( $mega_menu_tablet_spacing_right, $mega_menu_tablet_spacing_unit ),
|
|
),
|
|
);
|
|
|
|
$css_megamenu_output_mobile = array(
|
|
// Mega Menu.
|
|
'.ast-header-break-point ' . $selector . ' .menu-item.menu-item-heading > .menu-link' => array(
|
|
'padding-top' => astra_get_css_value( $mega_menu_mobile_spacing_top, $mega_menu_mobile_spacing_unit ),
|
|
'padding-bottom' => astra_get_css_value( $mega_menu_mobile_spacing_bottom, $mega_menu_mobile_spacing_unit ),
|
|
'padding-left' => astra_get_css_value( $mega_menu_mobile_spacing_left, $mega_menu_mobile_spacing_unit ),
|
|
'padding-right' => astra_get_css_value( $mega_menu_mobile_spacing_right, $mega_menu_mobile_spacing_unit ),
|
|
),
|
|
);
|
|
|
|
$spacing_css_output .= astra_parse_css( $css_megamenu_output_desktop );
|
|
$spacing_css_output .= astra_parse_css( $css_megamenu_output_tablet, '', astra_addon_get_tablet_breakpoint() );
|
|
$spacing_css_output .= astra_parse_css( $css_megamenu_output_mobile, '', astra_addon_get_mobile_breakpoint() );
|
|
}
|
|
|
|
$spacing_css_output .= astra_parse_css( $css_output_desktop );
|
|
$spacing_css_output .= astra_parse_css( $css_output_tablet, '', astra_addon_get_tablet_breakpoint() );
|
|
$spacing_css_output .= astra_parse_css( $css_output_mobile, '', astra_addon_get_mobile_breakpoint() );
|
|
}
|
|
|
|
if ( is_callable( 'Astra_Addon_Builder_Helper::is_component_loaded' ) && Astra_Addon_Builder_Helper::is_component_loaded( 'mobile-menu', 'header', 'mobile' ) ) {
|
|
|
|
$selector = '.ast-hfb-header .ast-builder-menu-mobile';
|
|
|
|
$sub_menu_spacing = astra_get_option( 'header-mobile-menu-submenu-spacing' );
|
|
|
|
// SubMenu Spacing.
|
|
|
|
// - Desktop.
|
|
$sub_menu_desktop_spacing_top = ( isset( $sub_menu_spacing['desktop']['top'] ) && ! empty( $sub_menu_spacing['desktop']['top'] ) ) ? $sub_menu_spacing['desktop']['top'] : '';
|
|
|
|
$sub_menu_desktop_spacing_bottom = ( isset( $sub_menu_spacing['desktop']['bottom'] ) && ! empty( $sub_menu_spacing['desktop']['bottom'] ) ) ? $sub_menu_spacing['desktop']['bottom'] : '';
|
|
|
|
$sub_menu_desktop_spacing_right = ( isset( $sub_menu_spacing['desktop']['right'] ) && ! empty( $sub_menu_spacing['desktop']['right'] ) ) ? $sub_menu_spacing['desktop']['right'] : '';
|
|
|
|
$sub_menu_desktop_spacing_left = ( isset( $sub_menu_spacing['desktop']['left'] ) && ! empty( $sub_menu_spacing['desktop']['left'] ) ) ? $sub_menu_spacing['desktop']['left'] : '';
|
|
|
|
$sub_menu_desktop_spacing_unit = ( isset( $sub_menu_spacing['desktop-unit'] ) && ! empty( $sub_menu_spacing['desktop-unit'] ) ) ? $sub_menu_spacing['desktop-unit'] : '';
|
|
|
|
// - Tablet.
|
|
$sub_menu_tablet_spacing_top = ( isset( $sub_menu_spacing['tablet']['top'] ) && ! empty( $sub_menu_spacing['tablet']['top'] ) ) ? $sub_menu_spacing['tablet']['top'] : '';
|
|
|
|
$sub_menu_tablet_spacing_bottom = ( isset( $sub_menu_spacing['tablet']['bottom'] ) && ! empty( $sub_menu_spacing['tablet']['bottom'] ) ) ? $sub_menu_spacing['tablet']['bottom'] : '';
|
|
|
|
$sub_menu_tablet_spacing_right = ( isset( $sub_menu_spacing['tablet']['right'] ) && ! empty( $sub_menu_spacing['tablet']['right'] ) ) ? $sub_menu_spacing['tablet']['right'] : '';
|
|
|
|
$sub_menu_tablet_spacing_left = ( isset( $sub_menu_spacing['tablet']['left'] ) && ! empty( $sub_menu_spacing['tablet']['left'] ) ) ? $sub_menu_spacing['tablet']['left'] : '';
|
|
|
|
$sub_menu_tablet_spacing_unit = ( isset( $sub_menu_spacing['tablet-unit'] ) && ! empty( $sub_menu_spacing['tablet-unit'] ) ) ? $sub_menu_spacing['tablet-unit'] : '';
|
|
|
|
// - Mobile.
|
|
$sub_menu_mobile_spacing_top = ( isset( $sub_menu_spacing['mobile']['top'] ) && ! empty( $sub_menu_spacing['mobile']['top'] ) ) ? $sub_menu_spacing['mobile']['top'] : '';
|
|
|
|
$sub_menu_mobile_spacing_bottom = ( isset( $sub_menu_spacing['mobile']['bottom'] ) && ! empty( $sub_menu_spacing['mobile']['bottom'] ) ) ? $sub_menu_spacing['mobile']['bottom'] : '';
|
|
|
|
$sub_menu_mobile_spacing_right = ( isset( $sub_menu_spacing['mobile']['right'] ) && ! empty( $sub_menu_spacing['mobile']['right'] ) ) ? $sub_menu_spacing['mobile']['right'] : '';
|
|
|
|
$sub_menu_mobile_spacing_left = ( isset( $sub_menu_spacing['mobile']['left'] ) && ! empty( $sub_menu_spacing['mobile']['left'] ) ) ? $sub_menu_spacing['mobile']['left'] : '';
|
|
|
|
$sub_menu_mobile_spacing_unit = ( isset( $sub_menu_spacing['mobile-unit'] ) && ! empty( $sub_menu_spacing['mobile-unit'] ) ) ? $sub_menu_spacing['mobile-unit'] : '';
|
|
|
|
$css_output_desktop = array(
|
|
// Sub Menu.
|
|
$selector . ' .ast-nav-menu .sub-menu .menu-item > .menu-link' => array(
|
|
'padding-top' => astra_get_css_value( $sub_menu_desktop_spacing_top, $sub_menu_desktop_spacing_unit ),
|
|
'padding-bottom' => astra_get_css_value( $sub_menu_desktop_spacing_bottom, $sub_menu_desktop_spacing_unit ),
|
|
'padding-left' => astra_get_css_value( $sub_menu_desktop_spacing_left, $sub_menu_desktop_spacing_unit ),
|
|
'padding-right' => astra_get_css_value( $sub_menu_desktop_spacing_right, $sub_menu_desktop_spacing_unit ),
|
|
),
|
|
$selector . ' .ast-nav-menu .sub-menu .menu-item.menu-item-has-children > .ast-menu-toggle' => array(
|
|
'top' => astra_responsive_spacing( $sub_menu_spacing, 'top', 'desktop' ),
|
|
'right' => class_exists( 'Astra_Addon_Builder_Helper' ) ? astra_calc_spacing( astra_responsive_spacing( $sub_menu_spacing, 'right', 'desktop' ), '-', '0.907', 'em' ) : '',
|
|
),
|
|
);
|
|
|
|
$css_output_tablet = array(
|
|
// Sub Menu.
|
|
$selector . ' .ast-nav-menu .sub-menu .menu-item > .menu-link' => array(
|
|
'padding-top' => astra_get_css_value( $sub_menu_tablet_spacing_top, $sub_menu_tablet_spacing_unit ),
|
|
'padding-bottom' => astra_get_css_value( $sub_menu_tablet_spacing_bottom, $sub_menu_tablet_spacing_unit ),
|
|
'padding-left' => astra_get_css_value( $sub_menu_tablet_spacing_left, $sub_menu_tablet_spacing_unit ),
|
|
'padding-right' => astra_get_css_value( $sub_menu_tablet_spacing_right, $sub_menu_tablet_spacing_unit ),
|
|
),
|
|
$selector . ' .ast-nav-menu .sub-menu .menu-item.menu-item-has-children > .ast-menu-toggle' => array(
|
|
'top' => astra_responsive_spacing( $sub_menu_spacing, 'top', 'tablet' ),
|
|
'right' => class_exists( 'Astra_Addon_Builder_Helper' ) ? astra_calc_spacing( astra_responsive_spacing( $sub_menu_spacing, 'right', 'tablet' ), '-', '0.907', 'em' ) : '',
|
|
),
|
|
);
|
|
|
|
$css_output_mobile = array(
|
|
// Sub Menu.
|
|
$selector . ' .ast-nav-menu .sub-menu .menu-item > .menu-link' => array(
|
|
'padding-top' => astra_get_css_value( $sub_menu_mobile_spacing_top, $sub_menu_mobile_spacing_unit ),
|
|
'padding-bottom' => astra_get_css_value( $sub_menu_mobile_spacing_bottom, $sub_menu_mobile_spacing_unit ),
|
|
'padding-left' => astra_get_css_value( $sub_menu_mobile_spacing_left, $sub_menu_mobile_spacing_unit ),
|
|
'padding-right' => astra_get_css_value( $sub_menu_mobile_spacing_right, $sub_menu_mobile_spacing_unit ),
|
|
),
|
|
$selector . ' .ast-nav-menu .sub-menu .menu-item.menu-item-has-children > .ast-menu-toggle' => array(
|
|
'top' => astra_responsive_spacing( $sub_menu_spacing, 'top', 'mobile' ),
|
|
'right' => class_exists( 'Astra_Addon_Builder_Helper' ) ? astra_calc_spacing( astra_responsive_spacing( $sub_menu_spacing, 'right', 'mobile' ), '-', '0.907', 'em' ) : '',
|
|
),
|
|
);
|
|
|
|
$spacing_css_output .= astra_parse_css( $css_output_desktop );
|
|
$spacing_css_output .= astra_parse_css( $css_output_tablet, '', astra_addon_get_tablet_breakpoint() );
|
|
$spacing_css_output .= astra_parse_css( $css_output_mobile, '', astra_addon_get_mobile_breakpoint() );
|
|
|
|
}
|
|
|
|
/**
|
|
* Account CSS.
|
|
*/
|
|
if ( is_callable( 'Astra_Addon_Builder_Helper::is_component_loaded' ) && Astra_Addon_Builder_Helper::is_component_loaded( 'account', 'header' ) ) {
|
|
|
|
$selector = '.ast-header-account-wrap';
|
|
$adv_selector = '.ast-advanced-headers .ast-header-account-wrap';
|
|
|
|
// Spacing.
|
|
$menu_spacing = astra_get_option( 'header-account-menu-spacing' );
|
|
|
|
$css_output_desktop = array(
|
|
$selector . ' .main-header-menu.ast-account-nav-menu .menu-item .menu-link, ' . $adv_selector . ' .main-header-menu.ast-account-nav-menu .menu-item .menu-link' => array(
|
|
'padding-top' => astra_responsive_spacing( $menu_spacing, 'top', 'desktop' ),
|
|
'padding-bottom' => astra_responsive_spacing( $menu_spacing, 'bottom', 'desktop' ),
|
|
'padding-left' => astra_responsive_spacing( $menu_spacing, 'left', 'desktop' ),
|
|
'padding-right' => astra_responsive_spacing( $menu_spacing, 'right', 'desktop' ),
|
|
),
|
|
);
|
|
|
|
$css_output_tablet = array(
|
|
$selector . ' .main-header-menu.ast-account-nav-menu .menu-item .menu-link, ' . $adv_selector . ' .main-header-menu.ast-account-nav-menu .menu-item .menu-link' => array(
|
|
'padding-top' => astra_responsive_spacing( $menu_spacing, 'top', 'tablet' ),
|
|
'padding-bottom' => astra_responsive_spacing( $menu_spacing, 'bottom', 'tablet' ),
|
|
'padding-left' => astra_responsive_spacing( $menu_spacing, 'left', 'tablet' ),
|
|
'padding-right' => astra_responsive_spacing( $menu_spacing, 'right', 'tablet' ),
|
|
),
|
|
);
|
|
|
|
$css_output_mobile = array(
|
|
$selector . ' .main-header-menu.ast-account-nav-menu .menu-item .menu-link, ' . $adv_selector . ' .main-header-menu.ast-account-nav-menu .menu-item .menu-link' => array(
|
|
'padding-top' => astra_responsive_spacing( $menu_spacing, 'top', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $menu_spacing, 'bottom', 'mobile' ),
|
|
'padding-left' => astra_responsive_spacing( $menu_spacing, 'left', 'mobile' ),
|
|
'padding-right' => astra_responsive_spacing( $menu_spacing, 'right', 'mobile' ),
|
|
),
|
|
);
|
|
|
|
/* Parse CSS from array() */
|
|
$spacing_css_output .= astra_parse_css( $css_output_desktop );
|
|
$spacing_css_output .= astra_parse_css( $css_output_tablet, '', astra_addon_get_tablet_breakpoint() );
|
|
$spacing_css_output .= astra_parse_css( $css_output_mobile, '', astra_addon_get_mobile_breakpoint() );
|
|
|
|
}
|
|
|
|
/**
|
|
* Language switcher CSS.
|
|
*/
|
|
if ( is_callable( 'Astra_Addon_Builder_Helper::is_component_loaded' ) && Astra_Addon_Builder_Helper::is_component_loaded( 'language-switcher', 'header' ) ) {
|
|
$_section = 'section-hb-language-switcher';
|
|
|
|
$selector = '.ast-header-language-switcher';
|
|
|
|
$margin = astra_get_option( $_section . '-margin' );
|
|
$item_spacing = astra_get_option( $_section . '-item-spacing' );
|
|
|
|
/**
|
|
* Desktop CSS.
|
|
*/
|
|
$lswitcher_css_output_desktop = array(
|
|
$selector => array(
|
|
// Margin.
|
|
'margin-top' => astra_responsive_spacing( $margin, 'top', 'desktop' ),
|
|
'margin-bottom' => astra_responsive_spacing( $margin, 'bottom', 'desktop' ),
|
|
'margin-left' => astra_responsive_spacing( $margin, 'left', 'desktop' ),
|
|
'margin-right' => astra_responsive_spacing( $margin, 'right', 'desktop' ),
|
|
),
|
|
'.ast-builder-language-switcher-menu-item-header' => array(
|
|
// Margin.
|
|
'padding-top' => astra_responsive_spacing( $item_spacing, 'top', 'desktop' ),
|
|
'padding-bottom' => astra_responsive_spacing( $item_spacing, 'bottom', 'desktop' ),
|
|
'padding-left' => astra_responsive_spacing( $item_spacing, 'left', 'desktop' ),
|
|
'padding-right' => astra_responsive_spacing( $item_spacing, 'right', 'desktop' ),
|
|
),
|
|
);
|
|
|
|
/**
|
|
* Tablet CSS.
|
|
*/
|
|
$lswitcher_css_output_tablet = array(
|
|
$selector => array(
|
|
// Margin CSS.
|
|
'margin-top' => astra_responsive_spacing( $margin, 'top', 'tablet' ),
|
|
'margin-bottom' => astra_responsive_spacing( $margin, 'bottom', 'tablet' ),
|
|
'margin-left' => astra_responsive_spacing( $margin, 'left', 'tablet' ),
|
|
'margin-right' => astra_responsive_spacing( $margin, 'right', 'tablet' ),
|
|
),
|
|
'.ast-builder-language-switcher-menu-item-header' => array(
|
|
// Padding.
|
|
'padding-top' => astra_responsive_spacing( $item_spacing, 'top', 'tablet' ),
|
|
'padding-bottom' => astra_responsive_spacing( $item_spacing, 'bottom', 'tablet' ),
|
|
'padding-left' => astra_responsive_spacing( $item_spacing, 'left', 'tablet' ),
|
|
'padding-right' => astra_responsive_spacing( $item_spacing, 'right', 'tablet' ),
|
|
),
|
|
);
|
|
|
|
/**
|
|
* Mobile CSS.
|
|
*/
|
|
$lswitcher_css_output_mobile = array(
|
|
$selector => array(
|
|
// Margin CSS.
|
|
'margin-top' => astra_responsive_spacing( $margin, 'top', 'mobile' ),
|
|
'margin-bottom' => astra_responsive_spacing( $margin, 'bottom', 'mobile' ),
|
|
'margin-left' => astra_responsive_spacing( $margin, 'left', 'mobile' ),
|
|
'margin-right' => astra_responsive_spacing( $margin, 'right', 'mobile' ),
|
|
),
|
|
'.ast-builder-language-switcher-menu-item-header' => array(
|
|
// Padding.
|
|
'padding-top' => astra_responsive_spacing( $item_spacing, 'top', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $item_spacing, 'bottom', 'mobile' ),
|
|
'padding-left' => astra_responsive_spacing( $item_spacing, 'left', 'mobile' ),
|
|
'padding-right' => astra_responsive_spacing( $item_spacing, 'right', 'mobile' ),
|
|
),
|
|
);
|
|
|
|
/* Parse CSS from array() */
|
|
$spacing_css_output .= astra_parse_css( $lswitcher_css_output_desktop );
|
|
$spacing_css_output .= astra_parse_css( $lswitcher_css_output_tablet, '', astra_addon_get_tablet_breakpoint() );
|
|
$spacing_css_output .= astra_parse_css( $lswitcher_css_output_mobile, '', astra_addon_get_mobile_breakpoint() );
|
|
|
|
}
|
|
|
|
/**
|
|
* Language switcher CSS.
|
|
*/
|
|
if ( is_callable( 'Astra_Addon_Builder_Helper::is_component_loaded' ) && Astra_Addon_Builder_Helper::is_component_loaded( 'language-switcher', 'footer' ) ) {
|
|
$_section = 'section-fb-language-switcher';
|
|
|
|
$selector = '.ast-footer-language-switcher';
|
|
|
|
$margin = astra_get_option( $_section . '-margin' );
|
|
$item_spacing = astra_get_option( $_section . '-item-spacing' );
|
|
|
|
/**
|
|
* Desktop CSS.
|
|
*/
|
|
$lswitcher_css_output_desktop = array(
|
|
$selector => array(
|
|
// Margin.
|
|
'margin-top' => astra_responsive_spacing( $margin, 'top', 'desktop' ),
|
|
'margin-bottom' => astra_responsive_spacing( $margin, 'bottom', 'desktop' ),
|
|
'margin-left' => astra_responsive_spacing( $margin, 'left', 'desktop' ),
|
|
'margin-right' => astra_responsive_spacing( $margin, 'right', 'desktop' ),
|
|
),
|
|
'.ast-builder-language-switcher-menu-item-footer' => array(
|
|
// Margin.
|
|
'padding-top' => astra_responsive_spacing( $item_spacing, 'top', 'desktop' ),
|
|
'padding-bottom' => astra_responsive_spacing( $item_spacing, 'bottom', 'desktop' ),
|
|
'padding-left' => astra_responsive_spacing( $item_spacing, 'left', 'desktop' ),
|
|
'padding-right' => astra_responsive_spacing( $item_spacing, 'right', 'desktop' ),
|
|
),
|
|
);
|
|
|
|
/**
|
|
* Tablet CSS.
|
|
*/
|
|
$lswitcher_css_output_tablet = array(
|
|
$selector => array(
|
|
// Margin CSS.
|
|
'margin-top' => astra_responsive_spacing( $margin, 'top', 'tablet' ),
|
|
'margin-bottom' => astra_responsive_spacing( $margin, 'bottom', 'tablet' ),
|
|
'margin-left' => astra_responsive_spacing( $margin, 'left', 'tablet' ),
|
|
'margin-right' => astra_responsive_spacing( $margin, 'right', 'tablet' ),
|
|
),
|
|
'.ast-builder-language-switcher-menu-item-footer' => array(
|
|
// Padding.
|
|
'padding-top' => astra_responsive_spacing( $item_spacing, 'top', 'tablet' ),
|
|
'padding-bottom' => astra_responsive_spacing( $item_spacing, 'bottom', 'tablet' ),
|
|
'padding-left' => astra_responsive_spacing( $item_spacing, 'left', 'tablet' ),
|
|
'padding-right' => astra_responsive_spacing( $item_spacing, 'right', 'tablet' ),
|
|
),
|
|
);
|
|
|
|
/**
|
|
* Mobile CSS.
|
|
*/
|
|
$lswitcher_css_output_mobile = array(
|
|
$selector => array(
|
|
// Margin CSS.
|
|
'margin-top' => astra_responsive_spacing( $margin, 'top', 'mobile' ),
|
|
'margin-bottom' => astra_responsive_spacing( $margin, 'bottom', 'mobile' ),
|
|
'margin-left' => astra_responsive_spacing( $margin, 'left', 'mobile' ),
|
|
'margin-right' => astra_responsive_spacing( $margin, 'right', 'mobile' ),
|
|
),
|
|
'.ast-builder-language-switcher-menu-item-footer' => array(
|
|
// Padding.
|
|
'padding-top' => astra_responsive_spacing( $item_spacing, 'top', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $item_spacing, 'bottom', 'mobile' ),
|
|
'padding-left' => astra_responsive_spacing( $item_spacing, 'left', 'mobile' ),
|
|
'padding-right' => astra_responsive_spacing( $item_spacing, 'right', 'mobile' ),
|
|
),
|
|
);
|
|
|
|
/* Parse CSS from array() */
|
|
$spacing_css_output .= astra_parse_css( $lswitcher_css_output_desktop );
|
|
$spacing_css_output .= astra_parse_css( $lswitcher_css_output_tablet, '', astra_addon_get_tablet_breakpoint() );
|
|
$spacing_css_output .= astra_parse_css( $lswitcher_css_output_mobile, '', astra_addon_get_mobile_breakpoint() );
|
|
|
|
}
|
|
} else {
|
|
|
|
// Desktop Spacing.
|
|
$spacing = array(
|
|
// Header Spacing Top / Bottom Padding.
|
|
'.main-header-bar, .ast-header-break-point .main-header-bar, .ast-header-break-point .header-main-layout-2 .main-header-bar' => array(
|
|
'padding-top' => astra_responsive_spacing( $header_spacing, 'top', 'desktop' ),
|
|
'padding-bottom' => astra_responsive_spacing( $header_spacing, 'bottom', 'desktop' ),
|
|
),
|
|
// Header Spacing Left / Right Padding apply to inside container.
|
|
'.main-header-bar .ast-container, #masthead .ast-container' => array(
|
|
'padding-left' => astra_responsive_spacing( $header_spacing, 'left', 'desktop' ),
|
|
'padding-right' => astra_responsive_spacing( $header_spacing, 'right', 'desktop' ),
|
|
),
|
|
/**
|
|
* Header Spacing
|
|
*/
|
|
'.ast-default-menu-enable.ast-main-header-nav-open.ast-header-break-point .main-header-bar, .ast-main-header-nav-open .main-header-bar' => array(
|
|
'padding-bottom' => 0,
|
|
),
|
|
|
|
/**
|
|
* Main Menu Spacing
|
|
*/
|
|
'.main-navigation ul .menu-item .menu-link, .ast-header-break-point .main-navigation ul .menu-item .menu-link, .ast-header-break-point li.ast-masthead-custom-menu-items, li.ast-masthead-custom-menu-items' => array(
|
|
'padding-top' => astra_responsive_spacing( $primary_menu_spacing, 'top', 'desktop' ),
|
|
'padding-right' => astra_responsive_spacing( $primary_menu_spacing, 'right', 'desktop' ),
|
|
'padding-bottom' => astra_responsive_spacing( $primary_menu_spacing, 'bottom', 'desktop' ),
|
|
'padding-left' => astra_responsive_spacing( $primary_menu_spacing, 'left', 'desktop' ),
|
|
),
|
|
'.ast-header-break-point .main-navigation ul .menu-item.menu-item-has-children button' => array(
|
|
'padding-right' => astra_responsive_spacing( $primary_menu_spacing, 'right', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $primary_menu_spacing, 'bottom', 'mobile' ),
|
|
),
|
|
'.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar .main-header-bar-navigation .main-header-menu > .menu-item-has-children > .ast-menu-toggle' => array(
|
|
'right' => esc_attr( 0 ),
|
|
),
|
|
'.ast-flyout-menu-enable.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle' => array(
|
|
'top' => astra_responsive_spacing( $primary_menu_spacing, 'top', 'desktop' ),
|
|
),
|
|
|
|
/**
|
|
* Main Submenu Spacing
|
|
*/
|
|
'.ast-desktop .main-navigation .ast-mm-template-content, .ast-desktop .main-navigation .ast-mm-custom-content, .ast-desktop .main-navigation .ast-mm-custom-text-content,.main-navigation .sub-menu .menu-item .menu-link, .ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link' => array(
|
|
'padding-top' => astra_responsive_spacing( $primary_submenu_spacing, 'top', 'desktop' ),
|
|
'padding-right' => astra_responsive_spacing( $primary_submenu_spacing, 'right', 'desktop' ),
|
|
'padding-bottom' => astra_responsive_spacing( $primary_submenu_spacing, 'bottom', 'desktop' ),
|
|
'padding-left' => astra_responsive_spacing( $primary_submenu_spacing, 'left', 'desktop' ),
|
|
),
|
|
'.ast-header-break-point .main-header-bar .main-header-bar-navigation .sub-menu .menu-item-has-children > .ast-menu-toggle' => array(
|
|
'top' => astra_responsive_spacing( $primary_submenu_spacing, 'top', 'desktop' ),
|
|
'right' => astra_calc_spacing( astra_responsive_spacing( $primary_submenu_spacing, 'right', 'desktop' ), '-', '0.907', 'em' ),
|
|
),
|
|
'.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar .main-header-bar-navigation .sub-menu .menu-item-has-children > .ast-menu-toggle' => array(
|
|
'right' => esc_attr( 0 ),
|
|
),
|
|
'.ast-flyout-menu-enable.ast-header-break-point .main-header-bar .main-header-bar-navigation .sub-menu .menu-item-has-children > .ast-menu-toggle' => array(
|
|
'right' => astra_calc_spacing( astra_responsive_spacing( $primary_submenu_spacing, 'right', 'desktop' ), '-', '0.907', 'em' ),
|
|
),
|
|
'.ast-flyout-menu-enable.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children .sub-menu .ast-menu-toggle' => array(
|
|
'top' => astra_responsive_spacing( $primary_submenu_spacing, 'top', 'desktop' ),
|
|
),
|
|
'.ast-fullscreen-menu-enable.ast-header-break-point .main-navigation .sub-menu .menu-item.menu-item-has-children > .menu-link, .ast-default-menu-enable.ast-header-break-point .main-navigation .sub-menu .menu-item.menu-item-has-children > .menu-link, .ast-flyout-menu-enable.ast-header-break-point .main-navigation .sub-menu .menu-item.menu-item-has-children > .menu-link' => array(
|
|
'padding-top' => astra_responsive_spacing( $primary_submenu_spacing, 'top', 'desktop' ),
|
|
'padding-bottom' => astra_responsive_spacing( $primary_submenu_spacing, 'bottom', 'desktop' ),
|
|
'padding-left' => astra_responsive_spacing( $primary_submenu_spacing, 'left', 'desktop' ),
|
|
|
|
),
|
|
'.ast-fullscreen-menu-enable.ast-header-break-point .ast-above-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link, .ast-default-menu-enable.ast-header-break-point .ast-above-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link, .ast-flyout-menu-enable.ast-header-break-point .ast-above-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link' => array(
|
|
'padding-right' => 0,
|
|
'padding-top' => astra_responsive_spacing( $primary_submenu_spacing, 'top', 'desktop' ),
|
|
'padding-bottom' => astra_responsive_spacing( $primary_submenu_spacing, 'bottom', 'desktop' ),
|
|
'padding-left' => astra_responsive_spacing( $primary_submenu_spacing, 'left', 'desktop' ),
|
|
|
|
),
|
|
'.ast-fullscreen-menu-enable.ast-header-break-point .ast-below-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link, .ast-default-menu-enable.ast-header-break-point .ast-below-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link, .ast-flyout-menu-enable.ast-header-break-point .ast-below-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link' => array(
|
|
'padding-right' => 0,
|
|
'padding-top' => astra_responsive_spacing( $primary_submenu_spacing, 'top', 'desktop' ),
|
|
'padding-bottom' => astra_responsive_spacing( $primary_submenu_spacing, 'bottom', 'desktop' ),
|
|
'padding-left' => astra_responsive_spacing( $primary_submenu_spacing, 'left', 'desktop' ),
|
|
),
|
|
'.ast-fullscreen-menu-enable.ast-header-break-point .ast-below-header-menu .sub-menu .menu-link, .ast-fullscreen-menu-enable.ast-header-break-point .ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-link, .ast-fullscreen-menu-enable.ast-header-break-point .ast-below-header-navigation .sub-menu .menu-item .menu-link, .ast-fullscreen-menu-enable.ast-header-break-point .ast-below-header-menu-items .sub-menu .menu-item .menu-link, .ast-fullscreen-menu-enable.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link' => array(
|
|
'padding-top' => astra_responsive_spacing( $primary_submenu_spacing, 'top', 'desktop' ),
|
|
'padding-bottom' => astra_responsive_spacing( $primary_submenu_spacing, 'bottom', 'desktop' ),
|
|
'padding-left' => astra_responsive_spacing( $primary_submenu_spacing, 'left', 'desktop' ),
|
|
),
|
|
|
|
/**
|
|
* Below Header Spacing
|
|
*/
|
|
// Below Header Spacing Top / Bottom Padding.
|
|
'.ast-below-header, .ast-header-break-point .ast-below-header' => array(
|
|
'padding-top' => astra_responsive_spacing( $below_header_spacing, 'top', 'desktop' ),
|
|
'padding-bottom' => astra_responsive_spacing( $below_header_spacing, 'bottom', 'desktop' ),
|
|
),
|
|
// Below Header Spacing Left / Right Padding apply to inside container.
|
|
'.ast-below-header .ast-container, #masthead .ast-below-header .ast-container' => array(
|
|
'padding-left' => astra_responsive_spacing( $below_header_spacing, 'left', 'desktop' ),
|
|
'padding-right' => astra_responsive_spacing( $below_header_spacing, 'right', 'desktop' ),
|
|
),
|
|
/**
|
|
* Below Header Menu Spacing
|
|
*/
|
|
'.ast-below-header-menu .menu-link, .below-header-nav-padding-support .below-header-section-1 .below-header-menu > .menu-item > .menu-link, .below-header-nav-padding-support .below-header-section-2 .below-header-menu > .menu-item > .menu-link, .ast-header-break-point .ast-below-header-actual-nav > .ast-below-header-menu > .menu-item > .menu-link' => array(
|
|
'padding-top' => astra_responsive_spacing( $below_header_menu_spacing, 'top', 'desktop' ),
|
|
'padding-right' => astra_responsive_spacing( $below_header_menu_spacing, 'right', 'desktop' ),
|
|
'padding-bottom' => astra_responsive_spacing( $below_header_menu_spacing, 'bottom', 'desktop' ),
|
|
'padding-left' => astra_responsive_spacing( $below_header_menu_spacing, 'left', 'desktop' ),
|
|
),
|
|
/**
|
|
* Below Header Submenu Spacing
|
|
*/
|
|
'.ast-desktop .ast-below-header-menu .ast-mm-template-content, .ast-desktop .ast-below-header-menu .ast-mm-custom-text-content, .ast-below-header-menu .sub-menu .menu-link, .ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-link' => array(
|
|
'padding-top' => astra_responsive_spacing( $below_header_submenu_spacing, 'top', 'desktop' ),
|
|
'padding-right' => astra_responsive_spacing( $below_header_submenu_spacing, 'right', 'desktop' ),
|
|
'padding-bottom' => astra_responsive_spacing( $below_header_submenu_spacing, 'bottom', 'desktop' ),
|
|
'padding-left' => astra_responsive_spacing( $below_header_submenu_spacing, 'left', 'desktop' ),
|
|
),
|
|
|
|
/* Padding right set to zero to all the menu elements that have submenu*/
|
|
'.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-enabled .ast-below-header-navigation .ast-below-header-menu .menu-item.menu-item-has-children > .menu-link, .ast-default-below-menu-enable.ast-header-break-point .ast-below-header-enabled .ast-below-header-navigation .ast-below-header-menu .menu-item.menu-item-has-children > .menu-link, .ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header-enabled .ast-below-header-navigation .ast-below-header-menu .menu-item.menu-item-has-children > .menu-link' => array(
|
|
'padding-right' => 0,
|
|
),
|
|
|
|
/* Align submenu toggle button with menu text for menu */
|
|
'.ast-default-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item-has-children > .ast-menu-toggle, .ast-default-below-menu-enable.ast-header-break-point .ast-below-header-menu-items .menu-item-has-children > .ast-menu-toggle, .ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item-has-children > .ast-menu-toggle, .ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header-menu-items .menu-item-has-children > .ast-menu-toggle' => array(
|
|
'top' => astra_responsive_spacing( $below_header_menu_spacing, 'top', 'desktop' ),
|
|
'right' => astra_calc_spacing( astra_responsive_spacing( $below_header_menu_spacing, 'right', 'desktop' ), '-', '0.907', 'em' ),
|
|
),
|
|
|
|
/* Align submenu toggle button with menu text for sub menu */
|
|
'.ast-default-below-menu-enable .ast-below-header-enabled .ast-below-header-navigation .ast-below-header-menu .menu-item.menu-item-has-children .sub-menu .ast-menu-toggle, .ast-flyout-below-menu-enable .ast-below-header-enabled .ast-below-header-navigation .ast-below-header-menu .menu-item.menu-item-has-children .sub-menu .ast-menu-toggle' => array(
|
|
'top' => astra_responsive_spacing( $below_header_submenu_spacing, 'top', 'desktop' ),
|
|
'right' => astra_calc_spacing( astra_responsive_spacing( $below_header_submenu_spacing, 'right', 'desktop' ), '-', '0.907', 'em' ),
|
|
),
|
|
|
|
/* Align submenu toggle button with menu text for full screen menu */
|
|
'.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item-has-children > .ast-menu-toggle, .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-menu-items .menu-item-has-children > .ast-menu-toggle' => array(
|
|
'right' => esc_attr( 0 ),
|
|
),
|
|
|
|
/* Align submenu toggle button with menu text for full screen sub menu */
|
|
'.ast-fullscreen-below-menu-enable .ast-below-header-enabled .ast-below-header-navigation .ast-below-header-menu .menu-item.menu-item-has-children .sub-menu .ast-menu-toggle' => array(
|
|
'right' => esc_attr( 0 ),
|
|
),
|
|
|
|
/**
|
|
* Above Header Spacing
|
|
*/
|
|
// Above Header Spacing Top / Bottom Padding.
|
|
'.ast-above-header' => array(
|
|
'padding-top' => astra_responsive_spacing( $above_header_spacing, 'top', 'desktop' ),
|
|
'padding-bottom' => astra_responsive_spacing( $above_header_spacing, 'bottom', 'desktop' ),
|
|
),
|
|
// Above Header Spacing Left / Right Padding apply to inside container.
|
|
'.ast-above-header-wrap .ast-above-header .ast-container, #masthead .ast-above-header-wrap .ast-above-header .ast-container' => array(
|
|
'padding-left' => astra_responsive_spacing( $above_header_spacing, 'left', 'desktop' ),
|
|
'padding-right' => astra_responsive_spacing( $above_header_spacing, 'right', 'desktop' ),
|
|
),
|
|
/**
|
|
* Above Header Menu Spacing
|
|
*/
|
|
'.ast-above-header-enabled .ast-above-header-navigation .ast-above-header-menu > .menu-item > .menu-link, .ast-header-break-point .ast-above-header-enabled .ast-above-header-menu > .menu-item:first-child > .menu-link, .ast-header-break-point .ast-above-header-enabled .ast-above-header-menu > .menu-item:last-child > .menu-link' => array(
|
|
'padding-top' => astra_responsive_spacing( $above_header_menu_spacing, 'top', 'desktop' ),
|
|
'padding-right' => astra_responsive_spacing( $above_header_menu_spacing, 'right', 'desktop' ),
|
|
'padding-bottom' => astra_responsive_spacing( $above_header_menu_spacing, 'bottom', 'desktop' ),
|
|
'padding-left' => astra_responsive_spacing( $above_header_menu_spacing, 'left', 'desktop' ),
|
|
),
|
|
/**
|
|
* Above Header Toggle Button Top
|
|
*/
|
|
'.ast-header-break-point .ast-above-header-navigation > ul > .menu-item-has-children > .ast-menu-toggle' => array(
|
|
'top' => astra_responsive_spacing( $above_header_menu_spacing, 'top', 'desktop' ),
|
|
),
|
|
|
|
/**
|
|
* Above Header Submenu Spacing
|
|
*/
|
|
'.ast-desktop .ast-above-header-navigation .ast-mm-custom-text-content, .ast-desktop .ast-above-header-navigation .ast-mm-template-content, .ast-above-header-enabled .ast-above-header-navigation .ast-above-header-menu .menu-item .sub-menu .menu-link, .ast-header-break-point .ast-above-header-enabled .ast-above-header-menu .menu-item .sub-menu .menu-link, .ast-above-header-enabled .ast-above-header-menu > .menu-item:first-child .sub-menu .menu-item .menu-link' => array(
|
|
'padding-top' => astra_responsive_spacing( $above_header_submenu_spacing, 'top', 'desktop' ),
|
|
'padding-right' => astra_responsive_spacing( $above_header_submenu_spacing, 'right', 'desktop' ),
|
|
'padding-bottom' => astra_responsive_spacing( $above_header_submenu_spacing, 'bottom', 'desktop' ),
|
|
'padding-left' => astra_responsive_spacing( $above_header_submenu_spacing, 'left', 'desktop' ),
|
|
),
|
|
|
|
/* Padding right set to zero to all the menu elements that have submenu*/
|
|
'.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-enabled .ast-above-header-navigation .ast-above-header-menu .menu-item.menu-item-has-children > .menu-link, .ast-default-above-menu-enable.ast-header-break-point .ast-above-header-enabled .ast-above-header-navigation .ast-above-header-menu .menu-item.menu-item-has-children > .menu-link, .ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-enabled .ast-above-header-navigation .ast-above-header-menu .menu-item.menu-item-has-children > .menu-link' => array(
|
|
'padding-right' => 0,
|
|
),
|
|
|
|
/* Align submenu toggle button with menu text for menu */
|
|
'.ast-default-above-menu-enable.ast-header-break-point .ast-above-header-navigation .menu-item-has-children > .ast-menu-toggle, .ast-default-above-menu-enable.ast-header-break-point .ast-above-header-menu-items .menu-item-has-children > .ast-menu-toggle, .ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation .menu-item-has-children > .ast-menu-toggle, .ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-menu-items .menu-item-has-children > .ast-menu-toggle' => array(
|
|
'top' => astra_responsive_spacing( $above_header_menu_spacing, 'top', 'desktop' ),
|
|
'right' => astra_calc_spacing( astra_responsive_spacing( $above_header_menu_spacing, 'right', 'desktop' ), '-', '0.907', 'em' ),
|
|
),
|
|
|
|
/* Align submenu toggle button with menu text for sub menu */
|
|
'.ast-default-above-menu-enable .ast-above-header-enabled .ast-above-header-navigation .ast-above-header-menu .menu-item.menu-item-has-children .sub-menu .ast-menu-toggle, .ast-flyout-above-menu-enable .ast-above-header-enabled .ast-above-header-navigation .ast-above-header-menu .menu-item.menu-item-has-children .sub-menu .ast-menu-toggle' => array(
|
|
'top' => astra_responsive_spacing( $above_header_submenu_spacing, 'top', 'desktop' ),
|
|
'right' => astra_calc_spacing( astra_responsive_spacing( $above_header_submenu_spacing, 'right', 'desktop' ), '-', '0.907', 'em' ),
|
|
),
|
|
|
|
/* Align submenu toggle button with menu text for full screen menu */
|
|
'.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation .menu-item-has-children > .ast-menu-toggle, .ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-menu-items .menu-item-has-children > .ast-menu-toggle' => array(
|
|
'right' => esc_attr( 0 ),
|
|
),
|
|
|
|
/* Align submenu toggle button with menu text for full screen sub menu */
|
|
'.ast-fullscreen-above-menu-enable .ast-above-header-enabled .ast-above-header-navigation .ast-above-header-menu .menu-item.menu-item-has-children .sub-menu .ast-menu-toggle' => array(
|
|
'margin-right' => astra_responsive_spacing( $above_header_submenu_spacing, 'right', 'desktop' ),
|
|
'right' => esc_attr( 0 ),
|
|
),
|
|
/**
|
|
* Footer Spacing
|
|
*/
|
|
// Footer Spacing Top / Bottom Padding.
|
|
'.ast-footer-overlay' => array(
|
|
'padding-top' => astra_responsive_spacing( $footer_spacing, 'top', 'desktop' ),
|
|
'padding-bottom' => astra_responsive_spacing( $footer_spacing, 'bottom', 'desktop' ),
|
|
),
|
|
// Footer Spacing Left / Right Padding to inside container.
|
|
'.ast-small-footer .ast-container' => array(
|
|
'padding-left' => astra_responsive_spacing( $footer_spacing, 'left', 'desktop' ),
|
|
'padding-right' => astra_responsive_spacing( $footer_spacing, 'right', 'desktop' ),
|
|
),
|
|
// Default margin for .ast-row is -20px, Managing Margin to fix repsonsive design.
|
|
'.ast-small-footer .ast-row' => array(
|
|
'margin-left' => astra_responsive_spacing( $footer_spacing, 'left', 'desktop' ),
|
|
'margin-right' => astra_responsive_spacing( $footer_spacing, 'right', 'desktop' ),
|
|
),
|
|
|
|
/**
|
|
* Footer Menu Spacing
|
|
*/
|
|
'.ast-small-footer .nav-menu a, .footer-sml-layout-2 .ast-small-footer-section-1 .menu-item a, .footer-sml-layout-2 .ast-small-footer-section-2 .menu-item a' => array(
|
|
'padding-top' => astra_responsive_spacing( $footer_menu_spacing, 'top', 'desktop' ),
|
|
'padding-right' => astra_responsive_spacing( $footer_menu_spacing, 'right', 'desktop' ),
|
|
'padding-bottom' => astra_responsive_spacing( $footer_menu_spacing, 'bottom', 'desktop' ),
|
|
'padding-left' => astra_responsive_spacing( $footer_menu_spacing, 'left', 'desktop' ),
|
|
),
|
|
);
|
|
|
|
$spacing_css_output .= astra_parse_css( $spacing );
|
|
|
|
// Tablet Spacing.
|
|
$tablet_spacing = array(
|
|
// Header Spacing Top / Bottom Padding.
|
|
'.main-header-bar, .ast-header-break-point .main-header-bar, .ast-header-break-point .header-main-layout-2 .main-header-bar' => array(
|
|
'padding-top' => astra_responsive_spacing( $header_spacing, 'top', 'tablet' ),
|
|
'padding-bottom' => astra_responsive_spacing( $header_spacing, 'bottom', 'tablet' ),
|
|
),
|
|
// Header Spacing Left / Right Padding apply to inside container.
|
|
'.main-header-bar .ast-container, #masthead .ast-container' => array(
|
|
'padding-left' => astra_responsive_spacing( $header_spacing, 'left', 'tablet' ),
|
|
'padding-right' => astra_responsive_spacing( $header_spacing, 'right', 'tablet' ),
|
|
),
|
|
/**
|
|
* Header Tablet Spacing
|
|
*/
|
|
'.ast-default-menu-enable.ast-main-header-nav-open.ast-header-break-point .main-header-bar, .ast-main-header-nav-open .main-header-bar' => array(
|
|
'padding-bottom' => 0,
|
|
),
|
|
|
|
/**
|
|
* Main Menu Spacing
|
|
*/
|
|
'.main-navigation ul .menu-item .menu-link, .ast-header-break-point .main-navigation ul .menu-item .menu-link, .ast-header-break-point li.ast-masthead-custom-menu-items, li.ast-masthead-custom-menu-items' => array(
|
|
'padding-top' => astra_responsive_spacing( $primary_menu_spacing, 'top', 'tablet' ),
|
|
'padding-right' => astra_responsive_spacing( $primary_menu_spacing, 'right', 'tablet' ),
|
|
'padding-bottom' => astra_responsive_spacing( $primary_menu_spacing, 'bottom', 'tablet' ),
|
|
'padding-left' => astra_responsive_spacing( $primary_menu_spacing, 'left', 'tablet' ),
|
|
),
|
|
'.ast-header-break-point .main-navigation ul .menu-item.menu-item-has-children button' => array(
|
|
'padding-right' => astra_responsive_spacing( $primary_menu_spacing, 'right', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $primary_menu_spacing, 'bottom', 'mobile' ),
|
|
),
|
|
'.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar .main-header-bar-navigation .main-header-menu > .menu-item-has-children > .ast-menu-toggle' => array(
|
|
'right' => esc_attr( 0 ),
|
|
),
|
|
'.ast-flyout-menu-enable.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle' => array(
|
|
'top' => astra_responsive_spacing( $primary_menu_spacing, 'top', 'tablet' ),
|
|
),
|
|
|
|
/**
|
|
* Main Submenu Spacing
|
|
*/
|
|
|
|
'.ast-desktop .main-navigation .ast-mm-template-content, .ast-desktop .main-navigation .ast-mm-custom-content, .ast-desktop .main-navigation .ast-mm-custom-text-content,.main-navigation .sub-menu .menu-item .menu-link, .ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link' => array(
|
|
'padding-top' => astra_responsive_spacing( $primary_submenu_spacing, 'top', 'tablet' ),
|
|
'padding-right' => 0,
|
|
'padding-bottom' => astra_responsive_spacing( $primary_submenu_spacing, 'bottom', 'tablet' ),
|
|
'padding-left' => astra_responsive_spacing( $primary_submenu_spacing, 'left', 'tablet' ),
|
|
),
|
|
// Primary Header Submenu level 2.
|
|
'.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-link' => array(
|
|
'padding-left' => astra_calc_spacing( astra_responsive_spacing( $primary_submenu_spacing, 'left', 'tablet' ), '+', '10', 'px' ),
|
|
),
|
|
// Primary Header Submenu level 3.
|
|
'.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-link' => array(
|
|
'padding-left' => astra_calc_spacing( astra_responsive_spacing( $primary_submenu_spacing, 'left', 'tablet' ), '+', '20', 'px' ),
|
|
),
|
|
// Primary Header Submenu level 4.
|
|
'.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link' => array(
|
|
'padding-left' => astra_calc_spacing( astra_responsive_spacing( $primary_submenu_spacing, 'left', 'tablet' ), '+', '30', 'px' ),
|
|
),
|
|
// Primary Header Submenu level 5.
|
|
'.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-item .menu-link' => array(
|
|
'padding-left' => astra_calc_spacing( astra_responsive_spacing( $primary_submenu_spacing, 'left', 'tablet' ), '+', '40', 'px' ),
|
|
),
|
|
|
|
'.ast-header-break-point .main-header-bar .main-header-bar-navigation .sub-menu .menu-item-has-children > .ast-menu-toggle' => array(
|
|
'top' => astra_responsive_spacing( $primary_submenu_spacing, 'top', 'tablet' ),
|
|
'right' => astra_calc_spacing( astra_responsive_spacing( $primary_submenu_spacing, 'right', 'tablet' ), '-', '0.907', 'em' ),
|
|
),
|
|
'.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar .main-header-bar-navigation .sub-menu .menu-item-has-children > .ast-menu-toggle' => array(
|
|
'margin-right' => astra_responsive_spacing( $primary_submenu_spacing, 'right', 'tablet' ),
|
|
'right' => esc_attr( 0 ),
|
|
),
|
|
'.ast-flyout-menu-enable.ast-header-break-point .main-header-bar .main-header-bar-navigation .sub-menu .menu-item-has-children > .ast-menu-toggle' => array(
|
|
'right' => astra_calc_spacing( astra_responsive_spacing( $primary_submenu_spacing, 'right', 'tablet' ), '-', '0.907', 'em' ),
|
|
),
|
|
'.ast-flyout-menu-enable.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children .sub-menu .ast-menu-toggle' => array(
|
|
'top' => astra_responsive_spacing( $primary_submenu_spacing, 'top', 'tablet' ),
|
|
),
|
|
'.ast-fullscreen-menu-enable.ast-header-break-point .main-navigation .sub-menu .menu-item.menu-item-has-children > .menu-link, .ast-default-menu-enable.ast-header-break-point .main-navigation .sub-menu .menu-item.menu-item-has-children > .menu-link, .ast-flyout-menu-enable.ast-header-break-point .main-navigation .sub-menu .menu-item.menu-item-has-children > .menu-link' => array(
|
|
'padding-top' => astra_responsive_spacing( $primary_submenu_spacing, 'top', 'tablet' ),
|
|
'padding-bottom' => astra_responsive_spacing( $primary_submenu_spacing, 'bottom', 'tablet' ),
|
|
'padding-left' => astra_responsive_spacing( $primary_submenu_spacing, 'left', 'tablet' ),
|
|
|
|
),
|
|
'.ast-fullscreen-menu-enable.ast-header-break-point .ast-above-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link, .ast-default-menu-enable.ast-header-break-point .ast-above-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link, .ast-flyout-menu-enable.ast-header-break-point .ast-above-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link' => array(
|
|
'padding-right' => 0,
|
|
'padding-top' => astra_responsive_spacing( $primary_submenu_spacing, 'top', 'tablet' ),
|
|
'padding-bottom' => astra_responsive_spacing( $primary_submenu_spacing, 'bottom', 'tablet' ),
|
|
'padding-left' => astra_responsive_spacing( $primary_submenu_spacing, 'left', 'tablet' ),
|
|
|
|
),
|
|
'.ast-fullscreen-menu-enable.ast-header-break-point .ast-below-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link, .ast-default-menu-enable.ast-header-break-point .ast-below-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link, .ast-flyout-menu-enable.ast-header-break-point .ast-below-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link' => array(
|
|
'padding-right' => 0,
|
|
'padding-top' => astra_responsive_spacing( $primary_submenu_spacing, 'top', 'tablet' ),
|
|
'padding-bottom' => astra_responsive_spacing( $primary_submenu_spacing, 'bottom', 'tablet' ),
|
|
'padding-left' => astra_responsive_spacing( $primary_submenu_spacing, 'left', 'tablet' ),
|
|
),
|
|
'.ast-fullscreen-menu-enable.ast-header-break-point .ast-below-header-menu .sub-menu .menu-link, .ast-fullscreen-menu-enable.ast-header-break-point .ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-link, .ast-fullscreen-menu-enable.ast-header-break-point .ast-below-header-navigation .sub-menu .menu-item .menu-link, .ast-fullscreen-menu-enable.ast-header-break-point .ast-below-header-menu-items .sub-menu .menu-item .menu-link, .ast-fullscreen-menu-enable.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link' => array(
|
|
'padding-top' => astra_responsive_spacing( $primary_submenu_spacing, 'top', 'tablet' ),
|
|
'padding-bottom' => astra_responsive_spacing( $primary_submenu_spacing, 'bottom', 'tablet' ),
|
|
'padding-left' => astra_responsive_spacing( $primary_submenu_spacing, 'left', 'tablet' ),
|
|
),
|
|
|
|
/**
|
|
* Below Header Spacing
|
|
*/
|
|
// Below Header Spacing Top / Bottom Padding.
|
|
'.ast-below-header, .ast-header-break-point .ast-below-header' => array(
|
|
'padding-top' => astra_responsive_spacing( $below_header_spacing, 'top', 'tablet' ),
|
|
'padding-bottom' => astra_responsive_spacing( $below_header_spacing, 'bottom', 'tablet' ),
|
|
),
|
|
// Below Header Spacing Left / Right Padding apply to inside container.
|
|
'.ast-below-header .ast-container, #masthead .ast-below-header .ast-container' => array(
|
|
'padding-left' => astra_responsive_spacing( $below_header_spacing, 'left', 'tablet' ),
|
|
'padding-right' => astra_responsive_spacing( $below_header_spacing, 'right', 'tablet' ),
|
|
),
|
|
/**
|
|
* Below Header Menu Spacing
|
|
*/
|
|
'.ast-below-header-menu .menu-link, .below-header-nav-padding-support .below-header-section-1 .below-header-menu > .menu-item > .menu-link, .below-header-nav-padding-support .below-header-section-2 .below-header-menu > .menu-item > .menu-link, .ast-header-break-point .ast-below-header-actual-nav > .ast-below-header-menu > .menu-item > .menu-link' => array(
|
|
'padding-top' => astra_responsive_spacing( $below_header_menu_spacing, 'top', 'tablet' ),
|
|
'padding-right' => astra_responsive_spacing( $below_header_menu_spacing, 'right', 'tablet' ),
|
|
'padding-bottom' => astra_responsive_spacing( $below_header_menu_spacing, 'bottom', 'tablet' ),
|
|
'padding-left' => astra_responsive_spacing( $below_header_menu_spacing, 'left', 'tablet' ),
|
|
),
|
|
/**
|
|
* Below Header Submenu Spacing
|
|
*/
|
|
'.ast-desktop .ast-below-header-menu .ast-mm-template-content, .ast-desktop .ast-below-header-menu .ast-mm-custom-text-content, .ast-below-header-menu .sub-menu .menu-link, .ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-link' => array(
|
|
'padding-top' => astra_responsive_spacing( $below_header_submenu_spacing, 'top', 'tablet' ),
|
|
'padding-right' => astra_responsive_spacing( $below_header_submenu_spacing, 'right', 'tablet' ),
|
|
'padding-bottom' => astra_responsive_spacing( $below_header_submenu_spacing, 'bottom', 'tablet' ),
|
|
'padding-left' => astra_responsive_spacing( $below_header_submenu_spacing, 'left', 'tablet' ),
|
|
),
|
|
|
|
// Below Header Submenu level 2.
|
|
'.ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-link, .ast-header-break-point .ast-below-header-menu-items .sub-menu .menu-item .menu-item .menu-link' => array(
|
|
'padding-left' => astra_calc_spacing( astra_responsive_spacing( $below_header_submenu_spacing, 'left', 'tablet' ), '+', '10', 'px' ),
|
|
),
|
|
// Below Header Submenu level 3.
|
|
'.ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-item .menu-link, .ast-header-break-point .ast-below-header-menu-items .sub-menu .menu-item .menu-item .menu-item .menu-link' => array(
|
|
'padding-left' => astra_calc_spacing( astra_responsive_spacing( $below_header_submenu_spacing, 'left', 'tablet' ), '+', '20', 'px' ),
|
|
),
|
|
// Below Header Submenu level 4.
|
|
'.ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link, .ast-header-break-point .ast-below-header-menu-items .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link' => array(
|
|
'padding-left' => astra_calc_spacing( astra_responsive_spacing( $below_header_submenu_spacing, 'left', 'tablet' ), '+', '30', 'px' ),
|
|
),
|
|
// Below Header Submenu level 5.
|
|
'.ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-item .menu-link, .ast-header-break-point .ast-below-header-menu-items .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-item .menu-link' => array(
|
|
'padding-left' => astra_calc_spacing( astra_responsive_spacing( $below_header_submenu_spacing, 'left', 'tablet' ), '+', '40', 'px' ),
|
|
),
|
|
|
|
/* Align submenu toggle button with menu text for menu */
|
|
'.ast-default-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item-has-children > .ast-menu-toggle, .ast-default-below-menu-enable.ast-header-break-point .ast-below-header-menu-items .menu-item-has-children > .ast-menu-toggle, .ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item-has-children > .ast-menu-toggle, .ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header-menu-items .menu-item-has-children > .ast-menu-toggle' => array(
|
|
'top' => astra_responsive_spacing( $below_header_menu_spacing, 'top', 'tablet' ),
|
|
'right' => astra_calc_spacing( astra_responsive_spacing( $below_header_menu_spacing, 'right', 'tablet' ), '-', '0.907', 'em' ),
|
|
),
|
|
|
|
/* Align submenu toggle button with menu text for sub menu */
|
|
'.ast-default-below-menu-enable .ast-below-header-enabled .ast-below-header-navigation .ast-below-header-menu .menu-item.menu-item-has-children .sub-menu .ast-menu-toggle, .ast-flyout-below-menu-enable .ast-below-header-enabled .ast-below-header-navigation .ast-below-header-menu .menu-item.menu-item-has-children .sub-menu .ast-menu-toggle' => array(
|
|
'top' => astra_responsive_spacing( $below_header_submenu_spacing, 'top', 'tablet' ),
|
|
'right' => astra_calc_spacing( astra_responsive_spacing( $below_header_submenu_spacing, 'right', 'tablet' ), '-', '0.907', 'em' ),
|
|
),
|
|
|
|
/* Align submenu toggle button with menu text for full screen menu */
|
|
'.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item-has-children > .ast-menu-toggle, .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-menu-items .menu-item-has-children > .ast-menu-toggle' => array(
|
|
'right' => esc_attr( 0 ),
|
|
),
|
|
|
|
/* Align submenu toggle button with menu text for full screen sub menu */
|
|
'.ast-fullscreen-below-menu-enable .ast-below-header-enabled .ast-below-header-navigation .ast-below-header-menu .menu-item.menu-item-has-children .sub-menu .ast-menu-toggle' => array(
|
|
'right' => esc_attr( 0 ),
|
|
),
|
|
|
|
/**
|
|
* Above Header Spacing
|
|
*/
|
|
// Above Header Spacing Top / Bottom Padding.
|
|
'.ast-above-header' => array(
|
|
'padding-top' => astra_responsive_spacing( $above_header_spacing, 'top', 'tablet' ),
|
|
'padding-bottom' => astra_responsive_spacing( $above_header_spacing, 'bottom', 'tablet' ),
|
|
),
|
|
// Above Header Spacing Left / Right Padding apply to inside container.
|
|
'.ast-above-header-wrap .ast-above-header .ast-container, #masthead .ast-above-header-wrap .ast-above-header .ast-container' => array(
|
|
'padding-left' => astra_responsive_spacing( $above_header_spacing, 'left', 'tablet' ),
|
|
'padding-right' => astra_responsive_spacing( $above_header_spacing, 'right', 'tablet' ),
|
|
),
|
|
/**
|
|
* Above Header Menu Spacing
|
|
*/
|
|
'.ast-above-header-enabled .ast-above-header-navigation .ast-above-header-menu > .menu-item > .menu-link, .ast-header-break-point .ast-above-header-enabled .ast-above-header-menu > .menu-item:first-child > .menu-link, .ast-header-break-point .ast-above-header-enabled .ast-above-header-menu > .menu-item:last-child > .menu-link' => array(
|
|
'padding-top' => astra_responsive_spacing( $above_header_menu_spacing, 'top', 'tablet' ),
|
|
'padding-right' => astra_responsive_spacing( $above_header_menu_spacing, 'right', 'tablet' ),
|
|
'padding-bottom' => astra_responsive_spacing( $above_header_menu_spacing, 'bottom', 'tablet' ),
|
|
'padding-left' => astra_responsive_spacing( $above_header_menu_spacing, 'left', 'tablet' ),
|
|
),
|
|
/**
|
|
* Above Header Toggle Button Top
|
|
*/
|
|
'.ast-header-break-point .ast-above-header-navigation > ul > .menu-item-has-children > .ast-menu-toggle' => array(
|
|
'top' => astra_responsive_spacing( $above_header_menu_spacing, 'top', 'tablet' ),
|
|
),
|
|
|
|
/**
|
|
* Above Header Submenu Spacing
|
|
*/
|
|
'.ast-desktop .ast-above-header-navigation .ast-mm-custom-text-content, .ast-desktop .ast-above-header-navigation .ast-mm-template-content, .ast-above-header-enabled .ast-above-header-navigation .ast-above-header-menu .menu-item .sub-menu .menu-link, .ast-header-break-point .ast-above-header-enabled .ast-above-header-menu .menu-item .sub-menu .menu-link, .ast-above-header-enabled .ast-above-header-menu > .menu-item:first-child .sub-menu .menu-item .menu-link' => array(
|
|
'padding-top' => astra_responsive_spacing( $above_header_submenu_spacing, 'top', 'tablet' ),
|
|
'padding-right' => astra_responsive_spacing( $above_header_submenu_spacing, 'right', 'tablet' ),
|
|
'padding-bottom' => astra_responsive_spacing( $above_header_submenu_spacing, 'bottom', 'tablet' ),
|
|
'padding-left' => astra_responsive_spacing( $above_header_submenu_spacing, 'left', 'tablet' ),
|
|
),
|
|
// Above Header Submenu level 2.
|
|
'.ast-header-break-point .ast-above-header-enabled .ast-above-header-menu .menu-item .sub-menu .menu-item .menu-link' => array(
|
|
'padding-left' => astra_calc_spacing( astra_responsive_spacing( $above_header_submenu_spacing, 'left', 'tablet' ), '+', '10', 'px' ),
|
|
),
|
|
// Above Header Submenu level 3.
|
|
'.ast-header-break-point .ast-above-header-enabled .ast-above-header-menu .menu-item .sub-menu .menu-item .menu-item .menu-link' => array(
|
|
'padding-left' => astra_calc_spacing( astra_responsive_spacing( $above_header_submenu_spacing, 'left', 'tablet' ), '+', '20', 'px' ),
|
|
),
|
|
// Above Header Submenu level 4.
|
|
'.ast-header-break-point .ast-above-header-enabled .ast-above-header-menu .menu-item .sub-menu .menu-item .menu-item .menu-item .menu-link' => array(
|
|
'padding-left' => astra_calc_spacing( astra_responsive_spacing( $above_header_submenu_spacing, 'left', 'tablet' ), '+', '30', 'px' ),
|
|
),
|
|
// Above Header Submenu level 5.
|
|
'.ast-header-break-point .ast-above-header-enabled .ast-above-header-menu .menu-item .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link' => array(
|
|
'padding-left' => astra_calc_spacing( astra_responsive_spacing( $above_header_submenu_spacing, 'left', 'tablet' ), '+', '40', 'px' ),
|
|
),
|
|
|
|
/* Align submenu toggle button with menu text for menu */
|
|
'.ast-default-above-menu-enable.ast-header-break-point .ast-above-header-navigation .menu-item-has-children > .ast-menu-toggle, .ast-default-above-menu-enable.ast-header-break-point .ast-above-header-menu-items .menu-item-has-children > .ast-menu-toggle, .ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation .menu-item-has-children > .ast-menu-toggle, .ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-menu-items .menu-item-has-children > .ast-menu-toggle' => array(
|
|
'top' => astra_responsive_spacing( $above_header_menu_spacing, 'top', 'tablet' ),
|
|
'right' => astra_calc_spacing( astra_responsive_spacing( $above_header_menu_spacing, 'right', 'tablet' ), '-', '0.907', 'em' ),
|
|
),
|
|
|
|
/* Align submenu toggle button with menu text for sub menu */
|
|
'.ast-default-above-menu-enable .ast-above-header-enabled .ast-above-header-navigation .ast-above-header-menu .menu-item.menu-item-has-children .sub-menu .ast-menu-toggle, .ast-flyout-above-menu-enable .ast-above-header-enabled .ast-above-header-navigation .ast-above-header-menu .menu-item.menu-item-has-children .sub-menu .ast-menu-toggle' => array(
|
|
'top' => astra_responsive_spacing( $above_header_submenu_spacing, 'top', 'tablet' ),
|
|
'right' => astra_calc_spacing( astra_responsive_spacing( $above_header_submenu_spacing, 'right', 'tablet' ), '-', '0.907', 'em' ),
|
|
),
|
|
|
|
/* Align submenu toggle button with menu text for full screen menu */
|
|
'.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation .menu-item-has-children > .ast-menu-toggle, .ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-menu-items .menu-item-has-children > .ast-menu-toggle' => array(
|
|
'right' => esc_attr( 0 ),
|
|
),
|
|
|
|
/* Align submenu toggle button with menu text for full screen sub menu */
|
|
'.ast-fullscreen-above-menu-enable .ast-above-header-enabled .ast-above-header-navigation .ast-above-header-menu .menu-item.menu-item-has-children .sub-menu .ast-menu-toggle' => array(
|
|
'margin-right' => astra_responsive_spacing( $above_header_submenu_spacing, 'right', 'tablet' ),
|
|
'right' => esc_attr( 0 ),
|
|
),
|
|
/**
|
|
* Footer Spacing
|
|
*/
|
|
// Footer Spacing Top / Bottom Padding.
|
|
'.ast-footer-overlay' => array(
|
|
'padding-top' => astra_responsive_spacing( $footer_spacing, 'top', 'tablet' ),
|
|
'padding-bottom' => astra_responsive_spacing( $footer_spacing, 'bottom', 'tablet' ),
|
|
),
|
|
// Footer Spacing Left / Right Padding to inside container.
|
|
'.ast-small-footer .ast-container' => array(
|
|
'padding-left' => astra_responsive_spacing( $footer_spacing, 'left', 'tablet' ),
|
|
'padding-right' => astra_responsive_spacing( $footer_spacing, 'right', 'tablet' ),
|
|
),
|
|
// Default margin for .ast-row is -20px, Managing Margin to fix repsonsive design.
|
|
'.ast-small-footer .ast-row' => array(
|
|
'margin-left' => astra_responsive_spacing( $footer_spacing, 'left', 'tablet' ),
|
|
'margin-right' => astra_responsive_spacing( $footer_spacing, 'right', 'tablet' ),
|
|
),
|
|
|
|
/**
|
|
* Footer Menu Spacing
|
|
*/
|
|
'.ast-small-footer .nav-menu a, .footer-sml-layout-2 .ast-small-footer-section-1 .menu-item a, .footer-sml-layout-2 .ast-small-footer-section-2 .menu-item a' => array(
|
|
'padding-top' => astra_responsive_spacing( $footer_menu_spacing, 'top', 'tablet' ),
|
|
'padding-right' => astra_responsive_spacing( $footer_menu_spacing, 'right', 'tablet' ),
|
|
'padding-bottom' => astra_responsive_spacing( $footer_menu_spacing, 'bottom', 'tablet' ),
|
|
'padding-left' => astra_responsive_spacing( $footer_menu_spacing, 'left', 'tablet' ),
|
|
),
|
|
);
|
|
|
|
$spacing_css_output .= astra_parse_css( $tablet_spacing, '', astra_addon_get_tablet_breakpoint() );
|
|
|
|
// Mobile Spacing.
|
|
$mobile_spacing = array(
|
|
// Header Spacing Top / Bottom Padding.
|
|
'.main-header-bar, .ast-header-break-point .main-header-bar, .ast-header-break-point .header-main-layout-2 .main-header-bar, .ast-header-break-point .ast-mobile-header-stack .main-header-bar' => array(
|
|
'padding-top' => astra_responsive_spacing( $header_spacing, 'top', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $header_spacing, 'bottom', 'mobile' ),
|
|
),
|
|
// Header Spacing Left / Right Padding apply to inside container.
|
|
'.main-header-bar .ast-container, #masthead .ast-container' => array(
|
|
'padding-left' => astra_responsive_spacing( $header_spacing, 'left', 'mobile' ),
|
|
'padding-right' => astra_responsive_spacing( $header_spacing, 'right', 'mobile' ),
|
|
),
|
|
/**
|
|
* Header Mobile Spacing
|
|
*/
|
|
'.ast-default-menu-enable.ast-main-header-nav-open.ast-header-break-point .main-header-bar, .ast-main-header-nav-open .main-header-bar' => array(
|
|
'padding-bottom' => 0,
|
|
),
|
|
|
|
/**
|
|
* Main Menu Spacing
|
|
*/
|
|
'.main-navigation ul .menu-item .menu-link, .ast-header-break-point .main-navigation ul .menu-item .menu-link, .ast-header-break-point li.ast-masthead-custom-menu-items, li.ast-masthead-custom-menu-items' => array(
|
|
'padding-top' => astra_responsive_spacing( $primary_menu_spacing, 'top', 'mobile' ),
|
|
'padding-right' => astra_responsive_spacing( $primary_menu_spacing, 'right', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $primary_menu_spacing, 'bottom', 'mobile' ),
|
|
'padding-left' => astra_responsive_spacing( $primary_menu_spacing, 'left', 'mobile' ),
|
|
),
|
|
'.ast-header-break-point .main-navigation ul .menu-item.menu-item-has-children button' => array(
|
|
'padding-right' => astra_responsive_spacing( $primary_menu_spacing, 'right', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $primary_menu_spacing, 'bottom', 'mobile' ),
|
|
),
|
|
'.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar .main-header-bar-navigation .main-header-menu > .menu-item-has-children > .ast-menu-toggle' => array(
|
|
'right' => esc_attr( 0 ),
|
|
),
|
|
'.ast-flyout-menu-enable.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle' => array(
|
|
'top' => astra_responsive_spacing( $primary_menu_spacing, 'top', 'mobile' ),
|
|
),
|
|
|
|
/**
|
|
* Main Submenu Spacing
|
|
*/
|
|
|
|
'.ast-desktop .main-navigation .ast-mm-template-content, .ast-desktop .main-navigation .ast-mm-custom-content, .ast-desktop .main-navigation .ast-mm-custom-text-content,.main-navigation .sub-menu .menu-item .menu-link, .ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link' => array(
|
|
'padding-top' => astra_responsive_spacing( $primary_submenu_spacing, 'top', 'mobile' ),
|
|
'padding-right' => 0,
|
|
'padding-bottom' => astra_responsive_spacing( $primary_submenu_spacing, 'bottom', 'mobile' ),
|
|
'padding-left' => astra_responsive_spacing( $primary_submenu_spacing, 'left', 'mobile' ),
|
|
),
|
|
// Primary Header Submenu level 2.
|
|
'.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-link' => array(
|
|
'padding-left' => astra_calc_spacing( astra_responsive_spacing( $primary_submenu_spacing, 'left', 'mobile' ), '+', '10', 'px' ),
|
|
),
|
|
// Primary Header Submenu level 3.
|
|
'.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-link' => array(
|
|
'padding-left' => astra_calc_spacing( astra_responsive_spacing( $primary_submenu_spacing, 'left', 'mobile' ), '+', '20', 'px' ),
|
|
),
|
|
// Primary Header Submenu level 4.
|
|
'.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link' => array(
|
|
'padding-left' => astra_calc_spacing( astra_responsive_spacing( $primary_submenu_spacing, 'left', 'mobile' ), '+', '30', 'px' ),
|
|
),
|
|
// Primary Header Submenu level 5.
|
|
'.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-item .menu-link' => array(
|
|
'padding-left' => astra_calc_spacing( astra_responsive_spacing( $primary_submenu_spacing, 'left', 'mobile' ), '+', '40', 'px' ),
|
|
),
|
|
'.ast-header-break-point .main-header-bar .main-header-bar-navigation .sub-menu .menu-item-has-children > .ast-menu-toggle' => array(
|
|
'top' => astra_responsive_spacing( $primary_submenu_spacing, 'top', 'mobile' ),
|
|
'right' => astra_calc_spacing( astra_responsive_spacing( $primary_submenu_spacing, 'right', 'mobile' ), '-', '0.907', 'em' ),
|
|
),
|
|
'.ast-fullscreen-menu-enable.ast-header-break-point .main-header-bar .main-header-bar-navigation .sub-menu .menu-item-has-children > .ast-menu-toggle' => array(
|
|
'margin-right' => astra_responsive_spacing( $primary_submenu_spacing, 'right', 'mobile' ),
|
|
'right' => esc_attr( 0 ),
|
|
),
|
|
'.ast-flyout-menu-enable.ast-header-break-point .main-header-bar .main-header-bar-navigation .sub-menu .menu-item-has-children > .ast-menu-toggle' => array(
|
|
'right' => astra_calc_spacing( astra_responsive_spacing( $primary_submenu_spacing, 'right', 'mobile' ), '-', '0.907', 'em' ),
|
|
),
|
|
'.ast-flyout-menu-enable.ast-header-break-point .main-header-bar .main-header-bar-navigation .menu-item-has-children .sub-menu .ast-menu-toggle' => array(
|
|
'top' => astra_responsive_spacing( $primary_submenu_spacing, 'top', 'mobile' ),
|
|
),
|
|
'.ast-fullscreen-menu-enable.ast-header-break-point .main-navigation .sub-menu .menu-item.menu-item-has-children > .menu-link, .ast-default-menu-enable.ast-header-break-point .main-navigation .sub-menu .menu-item.menu-item-has-children > .menu-link, .ast-flyout-menu-enable.ast-header-break-point .main-navigation .sub-menu .menu-item.menu-item-has-children > .menu-link' => array(
|
|
'padding-top' => astra_responsive_spacing( $primary_submenu_spacing, 'top', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $primary_submenu_spacing, 'bottom', 'mobile' ),
|
|
'padding-left' => astra_responsive_spacing( $primary_submenu_spacing, 'left', 'mobile' ),
|
|
|
|
),
|
|
'.ast-fullscreen-menu-enable.ast-header-break-point .ast-above-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link, .ast-default-menu-enable.ast-header-break-point .ast-above-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link, .ast-flyout-menu-enable.ast-header-break-point .ast-above-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link' => array(
|
|
'padding-right' => 0,
|
|
'padding-top' => astra_responsive_spacing( $primary_submenu_spacing, 'top', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $primary_submenu_spacing, 'bottom', 'mobile' ),
|
|
'padding-left' => astra_responsive_spacing( $primary_submenu_spacing, 'left', 'mobile' ),
|
|
|
|
),
|
|
'.ast-fullscreen-menu-enable.ast-header-break-point .ast-below-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link, .ast-default-menu-enable.ast-header-break-point .ast-below-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link, .ast-flyout-menu-enable.ast-header-break-point .ast-below-header-menu .sub-menu .menu-item.menu-item-has-children > .menu-link' => array(
|
|
'padding-right' => 0,
|
|
'padding-top' => astra_responsive_spacing( $primary_submenu_spacing, 'top', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $primary_submenu_spacing, 'bottom', 'mobile' ),
|
|
'padding-left' => astra_responsive_spacing( $primary_submenu_spacing, 'left', 'mobile' ),
|
|
),
|
|
'.ast-fullscreen-menu-enable.ast-header-break-point .ast-below-header-menu .sub-menu .menu-link, .ast-fullscreen-menu-enable.ast-header-break-point .ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-link, .ast-fullscreen-menu-enable.ast-header-break-point .ast-below-header-navigation .sub-menu .menu-item .menu-link, .ast-fullscreen-menu-enable.ast-header-break-point .ast-below-header-menu-items .sub-menu .menu-item .menu-link, .ast-fullscreen-menu-enable.ast-header-break-point .main-navigation .sub-menu .menu-item .menu-link' => array(
|
|
'padding-top' => astra_responsive_spacing( $primary_submenu_spacing, 'top', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $primary_submenu_spacing, 'bottom', 'mobile' ),
|
|
'padding-left' => astra_responsive_spacing( $primary_submenu_spacing, 'left', 'mobile' ),
|
|
),
|
|
|
|
/**
|
|
* Below Header Spacing
|
|
*/
|
|
// Below Header Spacing Top / Bottom Padding.
|
|
'.ast-below-header, .ast-header-break-point .ast-below-header' => array(
|
|
'padding-top' => astra_responsive_spacing( $below_header_spacing, 'top', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $below_header_spacing, 'bottom', 'mobile' ),
|
|
),
|
|
// Below Header Spacing Left / Right Padding apply to inside container.
|
|
'.ast-below-header .ast-container, #masthead .ast-below-header .ast-container' => array(
|
|
'padding-left' => astra_responsive_spacing( $below_header_spacing, 'left', 'mobile' ),
|
|
'padding-right' => astra_responsive_spacing( $below_header_spacing, 'right', 'mobile' ),
|
|
),
|
|
/**
|
|
* Below Header Menu Spacing
|
|
*/
|
|
'.ast-below-header-menu .menu-link, .below-header-nav-padding-support .below-header-section-1 .below-header-menu > .menu-item > .menu-link, .below-header-nav-padding-support .below-header-section-2 .below-header-menu > .menu-item > .menu-link, .ast-header-break-point .ast-below-header-actual-nav > .ast-below-header-menu > .menu-item > .menu-link' => array(
|
|
'padding-top' => astra_responsive_spacing( $below_header_menu_spacing, 'top', 'mobile' ),
|
|
'padding-right' => astra_responsive_spacing( $below_header_menu_spacing, 'right', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $below_header_menu_spacing, 'bottom', 'mobile' ),
|
|
'padding-left' => astra_responsive_spacing( $below_header_menu_spacing, 'left', 'mobile' ),
|
|
),
|
|
/**
|
|
* Below Header Submenu Spacing
|
|
*/
|
|
'.ast-desktop .ast-below-header-menu .ast-mm-template-content, .ast-desktop .ast-below-header-menu .ast-mm-custom-text-content, .ast-below-header-menu .sub-menu .menu-link, .ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-link' => array(
|
|
'padding-top' => astra_responsive_spacing( $below_header_submenu_spacing, 'top', 'mobile' ),
|
|
'padding-right' => astra_responsive_spacing( $below_header_submenu_spacing, 'right', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $below_header_submenu_spacing, 'bottom', 'mobile' ),
|
|
'padding-left' => astra_responsive_spacing( $below_header_submenu_spacing, 'left', 'mobile' ),
|
|
),
|
|
// Below Header Submenu level 2.
|
|
'.ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-link, .ast-header-break-point .ast-below-header-menu-items .sub-menu .menu-item .menu-item .menu-link' => array(
|
|
'padding-left' => astra_calc_spacing( astra_responsive_spacing( $below_header_submenu_spacing, 'left', 'mobile' ), '+', '10', 'px' ),
|
|
),
|
|
// Below Header Submenu level 3.
|
|
'.ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-item .menu-link, .ast-header-break-point .ast-below-header-menu-items .sub-menu .menu-item .menu-item .menu-item .menu-link' => array(
|
|
'padding-left' => astra_calc_spacing( astra_responsive_spacing( $below_header_submenu_spacing, 'left', 'mobile' ), '+', '20', 'px' ),
|
|
),
|
|
// Below Header Submenu level 4.
|
|
'.ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link, .ast-header-break-point .ast-below-header-menu-items .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link' => array(
|
|
'padding-left' => astra_calc_spacing( astra_responsive_spacing( $below_header_submenu_spacing, 'left', 'mobile' ), '+', '30', 'px' ),
|
|
),
|
|
// Below Header Submenu level 5.
|
|
'.ast-header-break-point .ast-below-header-actual-nav .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-item .menu-link, .ast-header-break-point .ast-below-header-menu-items .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-item .menu-link' => array(
|
|
'padding-left' => astra_calc_spacing( astra_responsive_spacing( $below_header_submenu_spacing, 'left', 'mobile' ), '+', '40', 'px' ),
|
|
),
|
|
|
|
/* Align submenu toggle button with menu text for menu */
|
|
'.ast-default-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item-has-children > .ast-menu-toggle, .ast-default-below-menu-enable.ast-header-break-point .ast-below-header-menu-items .menu-item-has-children > .ast-menu-toggle, .ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item-has-children > .ast-menu-toggle, .ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header-menu-items .menu-item-has-children > .ast-menu-toggle' => array(
|
|
'top' => astra_responsive_spacing( $below_header_menu_spacing, 'top', 'mobile' ),
|
|
'right' => astra_calc_spacing( astra_responsive_spacing( $below_header_menu_spacing, 'right', 'mobile' ), '-', '0.907', 'em' ),
|
|
),
|
|
|
|
/* Align submenu toggle button with menu text for sub menu */
|
|
'.ast-default-below-menu-enable.ast-header-break-point .ast-below-header-enabled .ast-below-header-navigation .ast-below-header-menu .menu-item.menu-item-has-children .sub-menu .ast-menu-toggle, .ast-flyout-below-menu-enable.ast-header-break-point .ast-below-header-enabled .ast-below-header-navigation .ast-below-header-menu .menu-item.menu-item-has-children .sub-menu .ast-menu-toggle' => array(
|
|
'top' => astra_responsive_spacing( $below_header_submenu_spacing, 'top', 'mobile' ),
|
|
'right' => astra_calc_spacing( astra_responsive_spacing( $below_header_submenu_spacing, 'right', 'mobile' ), '-', '0.907', 'em' ),
|
|
),
|
|
|
|
/* Align submenu toggle button with menu text for full screen menu */
|
|
'.ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-navigation .menu-item-has-children > .ast-menu-toggle, .ast-fullscreen-below-menu-enable.ast-header-break-point .ast-below-header-menu-items .menu-item-has-children > .ast-menu-toggle' => array(
|
|
'right' => esc_attr( 0 ),
|
|
),
|
|
|
|
/* Align submenu toggle button with menu text for full screen sub menu */
|
|
'.ast-fullscreen-below-menu-enable .ast-below-header-enabled .ast-below-header-navigation .ast-below-header-menu .menu-item.menu-item-has-children .sub-menu .ast-menu-toggle' => array(
|
|
'right' => esc_attr( 0 ),
|
|
),
|
|
|
|
/**
|
|
* Above Header Spacing
|
|
*/
|
|
// Above Header Spacing Top / Bottom Padding.
|
|
'.ast-above-header' => array(
|
|
'padding-top' => astra_responsive_spacing( $above_header_spacing, 'top', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $above_header_spacing, 'bottom', 'mobile' ),
|
|
),
|
|
// Above Header Spacing Left / Right Padding apply to inside container.
|
|
'.ast-above-header-wrap .ast-above-header .ast-container, #masthead .ast-above-header-wrap .ast-above-header .ast-container' => array(
|
|
'padding-left' => astra_responsive_spacing( $above_header_spacing, 'left', 'mobile' ),
|
|
'padding-right' => astra_responsive_spacing( $above_header_spacing, 'right', 'mobile' ),
|
|
),
|
|
/**
|
|
* Above Header Menu Spacing
|
|
*/
|
|
'.ast-above-header-enabled .ast-above-header-navigation .ast-above-header-menu > .menu-item > .menu-link, .ast-header-break-point .ast-above-header-enabled .ast-above-header-menu > .menu-item:first-child > .menu-link, .ast-header-break-point .ast-above-header-enabled .ast-above-header-menu > .menu-item:last-child > .menu-link' => array(
|
|
'padding-top' => astra_responsive_spacing( $above_header_menu_spacing, 'top', 'mobile' ),
|
|
'padding-right' => astra_responsive_spacing( $above_header_menu_spacing, 'right', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $above_header_menu_spacing, 'bottom', 'mobile' ),
|
|
'padding-left' => astra_responsive_spacing( $above_header_menu_spacing, 'left', 'mobile' ),
|
|
),
|
|
/**
|
|
* Above Header Toggle Button Top
|
|
*/
|
|
'.ast-header-break-point .ast-above-header-navigation > ul > .menu-item-has-children > .ast-menu-toggle' => array(
|
|
'top' => astra_responsive_spacing( $above_header_menu_spacing, 'top', 'mobile' ),
|
|
),
|
|
|
|
/**
|
|
* Above Header Submenu Spacing
|
|
*/
|
|
'.ast-desktop .ast-above-header-navigation .ast-mm-custom-text-content, .ast-desktop .ast-above-header-navigation .ast-mm-template-content, .ast-above-header-enabled .ast-above-header-navigation .ast-above-header-menu .menu-item .sub-menu .menu-link, .ast-header-break-point .ast-above-header-enabled .ast-above-header-menu .menu-item .sub-menu .menu-link, .ast-above-header-enabled .ast-above-header-menu > .menu-item:first-child .sub-menu .menu-item .menu-link' => array(
|
|
'padding-top' => astra_responsive_spacing( $above_header_submenu_spacing, 'top', 'mobile' ),
|
|
'padding-right' => astra_responsive_spacing( $above_header_submenu_spacing, 'right', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $above_header_submenu_spacing, 'bottom', 'mobile' ),
|
|
'padding-left' => astra_responsive_spacing( $above_header_submenu_spacing, 'left', 'mobile' ),
|
|
),
|
|
// Above Header Submenu level 2.
|
|
'.ast-header-break-point .ast-above-header-enabled .ast-above-header-menu .menu-item .sub-menu .menu-item .menu-link' => array(
|
|
'padding-left' => astra_calc_spacing( astra_responsive_spacing( $above_header_submenu_spacing, 'left', 'mobile' ), '+', '10', 'px' ),
|
|
),
|
|
// Above Header Submenu level 3.
|
|
'.ast-header-break-point .ast-above-header-enabled .ast-above-header-menu .menu-item .sub-menu .menu-item .menu-item .menu-link' => array(
|
|
'padding-left' => astra_calc_spacing( astra_responsive_spacing( $above_header_submenu_spacing, 'left', 'mobile' ), '+', '20', 'px' ),
|
|
),
|
|
// Above Header Submenu level 4.
|
|
'.ast-header-break-point .ast-above-header-enabled .ast-above-header-menu .menu-item .sub-menu .menu-item .menu-item .menu-item .menu-link' => array(
|
|
'padding-left' => astra_calc_spacing( astra_responsive_spacing( $above_header_submenu_spacing, 'left', 'mobile' ), '+', '30', 'px' ),
|
|
),
|
|
// Above Header Submenu level 5.
|
|
'.ast-header-break-point .ast-above-header-enabled .ast-above-header-menu .menu-item .sub-menu .menu-item .menu-item .menu-item .menu-item .menu-link' => array(
|
|
'padding-left' => astra_calc_spacing( astra_responsive_spacing( $above_header_submenu_spacing, 'left', 'mobile' ), '+', '40', 'px' ),
|
|
),
|
|
|
|
/* Padding right set to zero to all the menu elements that have submenu*/
|
|
'.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-enabled .ast-above-header-navigation .ast-above-header-menu .menu-item.menu-item-has-children > .menu-link, .ast-default-above-menu-enable.ast-header-break-point .ast-above-header-enabled .ast-above-header-navigation .ast-above-header-menu .menu-item.menu-item-has-children > .menu-link, .ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-enabled .ast-above-header-navigation .ast-above-header-menu .menu-item.menu-item-has-children > .menu-link' => array(
|
|
'padding-right' => 0,
|
|
),
|
|
|
|
/* Align submenu toggle button with menu text for menu */
|
|
'.ast-default-above-menu-enable.ast-header-break-point .ast-above-header-navigation .menu-item-has-children > .ast-menu-toggle, .ast-default-above-menu-enable.ast-header-break-point .ast-above-header-menu-items .menu-item-has-children > .ast-menu-toggle, .ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-navigation .menu-item-has-children > .ast-menu-toggle, .ast-flyout-above-menu-enable.ast-header-break-point .ast-above-header-menu-items .menu-item-has-children > .ast-menu-toggle' => array(
|
|
'top' => astra_responsive_spacing( $above_header_menu_spacing, 'top', 'mobile' ),
|
|
'right' => astra_calc_spacing( astra_responsive_spacing( $above_header_menu_spacing, 'right', 'mobile' ), '-', '0.907', 'em' ),
|
|
),
|
|
|
|
/* Align submenu toggle button with menu text for sub menu */
|
|
'.ast-default-above-menu-enable .ast-above-header-enabled .ast-above-header-navigation .ast-above-header-menu .menu-item.menu-item-has-children .sub-menu .ast-menu-toggle, .ast-flyout-above-menu-enable .ast-above-header-enabled .ast-above-header-navigation .ast-above-header-menu .menu-item.menu-item-has-children .sub-menu .ast-menu-toggle' => array(
|
|
'top' => astra_responsive_spacing( $above_header_submenu_spacing, 'top', 'mobile' ),
|
|
'right' => astra_calc_spacing( astra_responsive_spacing( $above_header_submenu_spacing, 'right', 'mobile' ), '-', '0.907', 'em' ),
|
|
),
|
|
|
|
/* Align submenu toggle button with menu text for full screen menu */
|
|
'.ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-navigation .menu-item-has-children > .ast-menu-toggle, .ast-fullscreen-above-menu-enable.ast-header-break-point .ast-above-header-menu-items .menu-item-has-children > .ast-menu-toggle' => array(
|
|
'right' => esc_attr( 0 ),
|
|
),
|
|
|
|
/* Align submenu toggle button with menu text for full screen sub menu */
|
|
'.ast-fullscreen-above-menu-enable .ast-above-header-enabled .ast-above-header-navigation .ast-above-header-menu .menu-item.menu-item-has-children .sub-menu .ast-menu-toggle' => array(
|
|
'right' => esc_attr( 0 ),
|
|
),
|
|
/**
|
|
* Footer Spacing
|
|
*/
|
|
// Footer Spacing Top / Bottom Padding.
|
|
'.ast-footer-overlay' => array(
|
|
'padding-top' => astra_responsive_spacing( $footer_spacing, 'top', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $footer_spacing, 'bottom', 'mobile' ),
|
|
),
|
|
// Footer Spacing Left / Right Padding to inside container.
|
|
'.ast-small-footer .ast-container' => array(
|
|
'padding-left' => astra_responsive_spacing( $footer_spacing, 'left', 'mobile' ),
|
|
'padding-right' => astra_responsive_spacing( $footer_spacing, 'right', 'mobile' ),
|
|
),
|
|
// Default margin for .ast-row is -20px, Managing Margin to fix repsonsive design.
|
|
'.ast-small-footer .ast-row' => array(
|
|
'margin-left' => astra_responsive_spacing( $footer_spacing, 'left', 'mobile' ),
|
|
'margin-right' => astra_responsive_spacing( $footer_spacing, 'right', 'mobile' ),
|
|
),
|
|
|
|
/**
|
|
* Footer Menu Spacing
|
|
*/
|
|
'.ast-small-footer .nav-menu a, .footer-sml-layout-2 .ast-small-footer-section-1 .menu-item a, .footer-sml-layout-2 .ast-small-footer-section-2 .menu-item a' => array(
|
|
'padding-top' => astra_responsive_spacing( $footer_menu_spacing, 'top', 'mobile' ),
|
|
'padding-right' => astra_responsive_spacing( $footer_menu_spacing, 'right', 'mobile' ),
|
|
'padding-bottom' => astra_responsive_spacing( $footer_menu_spacing, 'bottom', 'mobile' ),
|
|
'padding-left' => astra_responsive_spacing( $footer_menu_spacing, 'left', 'mobile' ),
|
|
),
|
|
);
|
|
|
|
$spacing_css_output .= astra_parse_css( $mobile_spacing, '', astra_addon_get_mobile_breakpoint() );
|
|
|
|
$remove_bottom_site_branding_space = array(
|
|
'.ast-header-break-point .header-main-layout-2 .site-branding, .ast-header-break-point .ast-mobile-header-stack .ast-mobile-menu-buttons' => array(
|
|
'padding-bottom' => astra_get_css_value( 0, 'px' ),
|
|
),
|
|
);
|
|
|
|
if ( isset( $header_spacing['mobile']['bottom'] ) && ( '' != $header_spacing['mobile']['bottom'] ) ) {
|
|
$spacing_css_output .= astra_parse_css( $remove_bottom_site_branding_space, '', astra_addon_get_mobile_breakpoint() );
|
|
}
|
|
}
|
|
|
|
return $dynamic_css . $spacing_css_output;
|
|
}
|