Your IP : 18.219.65.132
live-search.php 0000644 00000006105 15006153153 0007460 0 ustar 00 <?php
/**
* Live Search - Dynamic CSS
*
* @package astra
* @since 4.4.0
*/
if ( ! defined( 'ABSPATH' ) ) {
exit; // Exit if accessed directly.
}
add_filter( 'astra_dynamic_theme_css', 'astra_live_search_css', 12 );
/**
* Live Search - Dynamic CSS.
*
* @param string $dynamic_css
* @since 4.4.0
*/
function astra_live_search_css( $dynamic_css ) {
$ltr_left = is_rtl() ? 'right' : 'left';
$ltr_right = is_rtl() ? 'left' : 'right';
$heading_base_color = astra_get_option( 'heading-base-color' );
$static_css = '
form.search-form {
position: relative;
}
.ast-live-search-results {
position: absolute;
width: 100%;
top: 60px;
padding: 0px 4px 4px;
max-height: 400px;
height: auto;
overflow-x: hidden;
overflow-y: auto;
background: #fff;
z-index: 999999;
border-radius: 4px;
border: 1px solid var(--ast-border-color);
box-shadow: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
}
.ast-live-search-results > * {
-js-display: flex;
display: flex;
justify-content: ' . esc_attr( $ltr_left ) . ';
flex-wrap: wrap;
align-items: center;
}
label.ast-search--posttype-heading {
text-transform: capitalize;
padding: 16px 16px 10px;
color: ' . esc_attr( $heading_base_color ) . ';
font-weight: 500;
}
label.ast-search--no-results-heading {
padding: 14px 20px;
}
a.ast-search-item {
position: relative;
padding: 14px 20px;
font-size: 0.9em;
}
a.ast-search-item:hover {
background-color: #f9fafb;
}
a.ast-search-page-link {
justify-content: center;
justify-content: center;
border: 1px solid var(--ast-border-color);
margin-top: 10px;
}
.ast-search-item + .ast-search--posttype-heading {
border-top: 1px solid var(--ast-border-color);
margin-top: 10px;
}
';
$dynamic_css .= Astra_Enqueue_Scripts::trim_css( $static_css );
$search_style = astra_get_option( 'header-search-box-type' );
if ( ! defined( 'ASTRA_EXT_VER' ) || ( defined( 'ASTRA_EXT_VER' ) && ( 'slide-search' === $search_style || 'search-box' === $search_style ) ) ) {
$search_width = astra_get_option( 'header-search-width' );
$search_selector = '.ast-header-search .ast-search-menu-icon';
$container_css = array(
$search_selector . ' .search-field' => array(
'width' => ! empty( $search_width['desktop'] ) ? astra_get_css_value( $search_width['desktop'], 'px' ) : 'auto',
),
);
$container_css_tablet = array(
$search_selector . ' .search-field' => array(
'width' => ! empty( $search_width['tablet'] ) ? astra_get_css_value( $search_width['tablet'], 'px' ) : '100%',
),
);
$container_css_mobile = array(
$search_selector . ' .search-field' => array(
'width' => ! empty( $search_width['mobile'] ) ? astra_get_css_value( $search_width['mobile'], 'px' ) : '100%',
),
);
$dynamic_css .= astra_parse_css( $container_css );
$dynamic_css .= astra_parse_css( $container_css_tablet, '', astra_get_tablet_breakpoint() );
$dynamic_css .= astra_parse_css( $container_css_mobile, '', astra_get_mobile_breakpoint() );
}
return $dynamic_css;
}
inline-on-mobile.php 0000644 00000016155 15006153153 0010421 0 ustar 00 <?php
/**
* Inline On Mobile - Dynamic CSS.
*
* @package astra
* @since 3.5.0
*/
if ( ! defined( 'ABSPATH' ) ) {
exit; // Exit if accessed directly.
}
add_filter( 'astra_dynamic_theme_css', 'astra_inline_on_mobile_css' );
/**
* Inline On Mobile - Dynamic CSS.
*
* @param string $dynamic_css Dynamic CSS.
* @since 3.5.0
* @return string
*/
function astra_inline_on_mobile_css( $dynamic_css ) {
$inline_on_mobile_enable = false;
for ( $index = 1; $index <= Astra_Builder_Helper::$component_limit; $index++ ) {
if ( false === astra_get_option( 'header-menu' . $index . '-menu-stack-on-mobile' ) ) {
$inline_on_mobile_enable = true;
break;
}
}
if ( false === $inline_on_mobile_enable ) {
return $dynamic_css;
}
$inline_on_mobile_css = '
.ast-header-break-point .ast-mobile-header-wrap .ast-above-header-wrap .main-header-bar-navigation .inline-on-mobile .menu-item .menu-link,
.ast-header-break-point .ast-mobile-header-wrap .ast-main-header-wrap .main-header-bar-navigation .inline-on-mobile .menu-item .menu-link,
.ast-header-break-point .ast-mobile-header-wrap .ast-below-header-wrap .main-header-bar-navigation .inline-on-mobile .menu-item .menu-link {
border: none;
}
.ast-header-break-point .ast-mobile-header-wrap .ast-above-header-wrap .main-header-bar-navigation .inline-on-mobile .menu-item-has-children > .ast-menu-toggle::before,
.ast-header-break-point .ast-mobile-header-wrap .ast-main-header-wrap .main-header-bar-navigation .inline-on-mobile .menu-item-has-children > .ast-menu-toggle::before,
.ast-header-break-point .ast-mobile-header-wrap .ast-below-header-wrap .main-header-bar-navigation .inline-on-mobile .menu-item-has-children > .ast-menu-toggle::before {
font-size: .6rem;
}
.ast-header-break-point .ast-mobile-header-wrap .ast-flex.inline-on-mobile {
flex-wrap: unset;
}
.ast-header-break-point .ast-mobile-header-wrap .ast-flex.inline-on-mobile .menu-item.ast-submenu-expanded > .sub-menu .menu-link {
padding: .1em 1em;
}
.ast-header-break-point .ast-mobile-header-wrap .ast-flex.inline-on-mobile .menu-item.ast-submenu-expanded > .sub-menu > .menu-item .ast-menu-toggle::before {
transform: rotate(-90deg);
}
.ast-header-break-point .ast-mobile-header-wrap .ast-flex.inline-on-mobile .menu-item.ast-submenu-expanded > .sub-menu > .menu-item.ast-submenu-expanded .ast-menu-toggle::before {
transform: rotate(-270deg);
}
.ast-header-break-point .ast-mobile-header-wrap .ast-flex.inline-on-mobile .menu-item > .sub-menu > .menu-item .menu-link:before {
content: none;
}
.ast-header-break-point .ast-mobile-header-wrap .ast-flex.inline-on-mobile {
flex-wrap: unset;
}
.ast-header-break-point .ast-mobile-header-wrap .ast-flex.inline-on-mobile .menu-item.ast-submenu-expanded > .sub-menu .menu-link {
padding: .1em 1em;
}
.ast-header-break-point .ast-mobile-header-wrap .ast-flex.inline-on-mobile .menu-item.ast-submenu-expanded > .sub-menu > .menu-item .ast-menu-toggle::before {
transform: rotate(-90deg);
}
.ast-header-break-point .ast-mobile-header-wrap .ast-flex.inline-on-mobile .menu-item.ast-submenu-expanded > .sub-menu > .menu-item.ast-submenu-expanded .ast-menu-toggle::before {
transform: rotate(-270deg);
}
.ast-header-break-point .ast-mobile-header-wrap .ast-flex.inline-on-mobile .menu-item > .sub-menu > .menu-item .menu-link:before {
content: none;
}
.ast-header-break-point .inline-on-mobile .sub-menu {
width: 150px;
}';
if ( is_rtl() ) {
$inline_on_mobile_css .= '
.ast-header-break-point .ast-mobile-header-wrap .ast-flex.inline-on-mobile .menu-item.menu-item-has-children {
margin-left: 10px;
}
.ast-header-break-point .ast-mobile-header-wrap .ast-flex.inline-on-mobile .menu-item.ast-submenu-expanded > .sub-menu {
display: block;
position: absolute;
left: auto;
right: 0;
}
.ast-header-break-point .ast-mobile-header-wrap .ast-flex.inline-on-mobile .menu-item.ast-submenu-expanded > .sub-menu .menu-item .ast-menu-toggle {
padding: 0;
left: 1em;
}
.ast-header-break-point .ast-mobile-header-wrap .ast-flex.inline-on-mobile .menu-item.ast-submenu-expanded > .sub-menu > .menu-item > .sub-menu {
right: 100%;
left: auto;
}
.ast-header-break-point .ast-mobile-header-wrap .ast-flex.inline-on-mobile .ast-menu-toggle {
left: -15px;
}
.ast-header-break-point .ast-mobile-header-wrap .ast-flex.inline-on-mobile .menu-item.menu-item-has-children {
margin-left: 10px;
}
.ast-header-break-point .ast-mobile-header-wrap .ast-flex.inline-on-mobile .menu-item.ast-submenu-expanded > .sub-menu {
display: block;
position: absolute;
left: auto;
right: 0;
}
.ast-header-break-point .ast-mobile-header-wrap .ast-flex.inline-on-mobile .menu-item.ast-submenu-expanded > .sub-menu > .menu-item > .sub-menu {
right: 100%;
left: auto;
}
.ast-header-break-point .ast-mobile-header-wrap .ast-flex.inline-on-mobile .ast-menu-toggle {
left: -15px;
}';
} else {
$inline_on_mobile_css .= '
.ast-header-break-point .ast-mobile-header-wrap .ast-flex.inline-on-mobile .menu-item.menu-item-has-children {
margin-right: 10px;
}
.ast-header-break-point .ast-mobile-header-wrap .ast-flex.inline-on-mobile .menu-item.ast-submenu-expanded > .sub-menu {
display: block;
position: absolute;
right: auto;
left: 0;
}
.ast-header-break-point .ast-mobile-header-wrap .ast-flex.inline-on-mobile .menu-item.ast-submenu-expanded > .sub-menu .menu-item .ast-menu-toggle {
padding: 0;
right: 1em;
}
.ast-header-break-point .ast-mobile-header-wrap .ast-flex.inline-on-mobile .menu-item.ast-submenu-expanded > .sub-menu > .menu-item > .sub-menu {
left: 100%;
right: auto;
}
.ast-header-break-point .ast-mobile-header-wrap .ast-flex.inline-on-mobile .ast-menu-toggle {
right: -15px;
}
.ast-header-break-point .ast-mobile-header-wrap .ast-flex.inline-on-mobile .menu-item.menu-item-has-children {
margin-right: 10px;
}
.ast-header-break-point .ast-mobile-header-wrap .ast-flex.inline-on-mobile .menu-item.ast-submenu-expanded > .sub-menu {
display: block;
position: absolute;
right: auto;
left: 0;
}
.ast-header-break-point .ast-mobile-header-wrap .ast-flex.inline-on-mobile .menu-item.ast-submenu-expanded > .sub-menu > .menu-item > .sub-menu {
left: 100%;
right: auto;
}
.ast-header-break-point .ast-mobile-header-wrap .ast-flex.inline-on-mobile .ast-menu-toggle {
right: -15px;
}';
}
return $dynamic_css .= Astra_Enqueue_Scripts::trim_css( $inline_on_mobile_css );
}
navigation.php 0000644 00000006044 15006153153 0007417 0 ustar 00 <?php
/**
* Post Navigation - Dynamic CSS
*
* @package Astra
* @since 4.6.0
*/
if ( ! defined( 'ABSPATH' ) ) {
exit; // Exit if accessed directly.
}
add_filter( 'astra_dynamic_theme_css', 'astra_navigation_css', 11 );
/**
* Post Navigation - Dynamic CSS
*
* @param string $dynamic_css Astra Dynamic CSS.
* @return String Generated dynamic CSS for Post Navigation.
*
* @since 4.6.0
*/
function astra_navigation_css( $dynamic_css ) {
$mobile_breakpoint = strval( astra_get_mobile_breakpoint() );
$link_hover_color = astra_get_option( 'link-h-color' );
/** Backward compatibility support for left-right paddings @since 4.6.13 */
$remove_mobile_device_paddings = apply_filters( 'astra_remove_single_posts_navigation_mobile_device_padding', ! empty( astra_get_option( 'remove_single_posts_navigation_mobile_device_padding' ) ) );
$mobile_device_paddings = ! $remove_mobile_device_paddings ? 'padding-left: 20px; padding-right: 20px;' : '';
$navigation_css = '
.single .post-navigation a p {
margin-top: 0.5em;
margin-bottom: 0;
text-transform: initial;
line-height: 1.65em;
font-weight: normal;
}
.single .post-navigation a .ast-post-nav {
font-weight: 600;
display: block;
text-transform: uppercase;
font-size: 0.85em;
letter-spacing: 0.05em;
}
.single .post-navigation a svg {
top: .125em;
width: 1em;
height: 1em;
position: relative;
fill: currentColor;
}
.page-links .page-link:hover, .single .post-navigation a:hover {
color: ' . esc_attr( $link_hover_color ) . ';
}
@media( min-width: 320px ) {
.single .post-navigation .nav-previous a {
text-align: left;
padding-right: 20px;
}
.single .post-navigation .nav-next a {
text-align: right;
padding-left: 20px;
}
.comment-navigation .nav-previous:after, .post-navigation .nav-previous:after {
position: absolute;
content: "";
top: 25%;
right: 0;
width: 1px;
height: 50%;
background: var(--ast-single-post-border, var(--ast-border-color));
}
}
@media( max-width: ' . $mobile_breakpoint . 'px ) {
.single .post-navigation .nav-links {
-js-display: inline-flex;
display: inline-flex;
width: 100%;
' . $mobile_device_paddings . '
}
.single .post-navigation a p {
display: none;
}
.single .post-navigation .nav-previous {
margin-bottom: 0;
}
}
@media( min-width: 421px ) {
.single .post-navigation a {
max-width: 80%;
width: 100%;
}
.post-navigation a {
font-weight: 500;
font-size: 16px;
}
}
';
// rtl css for post navigation.
if ( is_rtl() ) {
$navigation_css .= '
@media( min-width: 320px ) {
.single .post-navigation .nav-previous a {
text-align: start;
}
.single .post-navigation .nav-next a {
text-align: end;
}
}
@media( max-width: ' . $mobile_breakpoint . 'px ) {
.single .post-navigation .nav-links {
padding-left: 0px;
padding-right: 0px;
}
}
';
}
$dynamic_css .= Astra_Enqueue_Scripts::trim_css( $navigation_css );
return $dynamic_css;
}
custom-menu-old-header.php 0000644 00000016043 15006153153 0011536 0 ustar 00 <?php
/**
* Old Header Menu Last Item - Dynamic CSS
*
* @package astra
* @since 3.5.0
*/
if ( ! defined( 'ABSPATH' ) ) {
exit; // Exit if accessed directly.
}
add_filter( 'astra_dynamic_theme_css', 'astra_old_header_custom_menu_css' );
/**
* Old Header Menu Last Item - Dynamic CSS.
*
* @param string $dynamic_css
* @since 3.5.0
*/
function astra_old_header_custom_menu_css( $dynamic_css ) {
$menu_item = astra_get_option( 'header-main-rt-section' );
if ( false === Astra_Builder_Helper::$is_header_footer_builder_active ) {
$static_css = '';
if ( 'widget' == $menu_item ) {
$static_css .= '
.ast-header-widget-area {
line-height: 1.65;
}
.ast-header-widget-area .widget-title,
.ast-header-widget-area .no-widget-text {
margin-bottom: 0;
}
.ast-header-widget-area .widget {
margin: .5em;
display: inline-block;
vertical-align: middle;
}
.ast-header-widget-area .widget p {
margin-bottom: 0;
}
.ast-header-widget-area .widget ul {
position: static;
border: 0;
width: auto;
}
.ast-header-widget-area .widget ul a {
border: 0;
}
.ast-header-widget-area .widget.widget_search .search-field,
.ast-header-widget-area .widget.widget_search .search-field:focus {
padding: 10px 45px 10px 15px;
}
.ast-header-widget-area .widget:last-child {
margin-bottom: 0.5em;
margin-right: 0;
}
.submenu-with-border .ast-header-widget-area .widget ul {
position: static;
border: 0;
width: auto;
}
.submenu-with-border .ast-header-widget-area .widget ul a {
border: 0;
}
.ast-header-break-point .ast-header-widget-area .widget {
margin: .5em 0;
display: block;
}';
}
if ( 'button' == $menu_item ) {
$static_css .= '
.ast-header-break-point .main-navigation ul .button-custom-menu-item .menu-link {
padding: 0 20px;
display: inline-block;
width: 100%;
border-bottom-width: 1px;
border-style: solid;
border-color: #eaeaea;
}
.button-custom-menu-item .ast-custom-button-link .ast-custom-button {
font-size: inherit;
font-family: inherit;
font-weight: inherit;
}
.button-custom-menu-item .ast-custom-button-link .ast-custom-button:hover {
transition: all 0.1s ease-in-out;
}';
}
$search_box_type = astra_get_option( 'header-main-rt-section-search-box-type' );
$show_icon = 'full-screen' === $search_box_type || 'header-cover' === $search_box_type ? 'block' : 'none';
$static_css .= "
.ast-header-break-point.ast-header-custom-item-inside .main-header-bar .main-header-bar-navigation .ast-search-icon {
display: $show_icon;
}
.ast-header-break-point.ast-header-custom-item-inside .main-header-bar .ast-search-menu-icon .search-form {
padding: 0;
display: block;
overflow: hidden;
}
.ast-header-break-point .ast-header-custom-item .widget:last-child {
margin-bottom: 1em;
}
.ast-header-custom-item .widget {
margin: 0.5em;
display: inline-block;
vertical-align: middle;
}
.ast-header-custom-item .widget p {
margin-bottom: 0;
}
.ast-header-custom-item .widget li {
width: auto;
}
.ast-header-custom-item-inside .button-custom-menu-item .menu-link {
display: none;
}
.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .ast-custom-button-link {
display: none;
}
.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item .menu-link {
display: block;
}";
if ( is_rtl() ) {
$static_css .= '
.ast-header-break-point.ast-header-custom-item-outside .main-header-bar .ast-search-icon {
margin-left: 1em;
}
.ast-header-break-point.ast-header-custom-item-inside .main-header-bar .ast-search-menu-icon .search-field,
.ast-header-break-point.ast-header-custom-item-inside .main-header-bar .ast-search-menu-icon.ast-inline-search .search-field {
width: 100%;
padding-left: 5.5em;
}
.ast-header-break-point.ast-header-custom-item-inside .main-header-bar .ast-search-menu-icon .search-submit {
display: block;
position: absolute;
height: 100%;
top: 0;
left: 0;
padding: 0 1em;
border-radius: 0;
}
.ast-header-break-point .ast-header-custom-item .ast-masthead-custom-menu-items {
padding-right: 20px;
padding-left: 20px;
margin-bottom: 1em;
margin-top: 1em;
}
.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item {
padding-right: 0;
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
}';
} else {
$static_css .= '
.ast-header-break-point.ast-header-custom-item-outside .main-header-bar .ast-search-icon {
margin-right: 1em;
}
.ast-header-break-point.ast-header-custom-item-inside .main-header-bar .ast-search-menu-icon .search-field,
.ast-header-break-point.ast-header-custom-item-inside .main-header-bar .ast-search-menu-icon.ast-inline-search .search-field {
width: 100%;
padding-right: 5.5em;
}
.ast-header-break-point.ast-header-custom-item-inside .main-header-bar .ast-search-menu-icon .search-submit {
display: block;
position: absolute;
height: 100%;
top: 0;
right: 0;
padding: 0 1em;
border-radius: 0;
}
.ast-header-break-point .ast-header-custom-item .ast-masthead-custom-menu-items {
padding-left: 20px;
padding-right: 20px;
margin-bottom: 1em;
margin-top: 1em;
}
.ast-header-custom-item-inside.ast-header-break-point .button-custom-menu-item {
padding-left: 0;
padding-right: 0;
margin-top: 0;
margin-bottom: 0;
}';
}
$dynamic_css .= Astra_Enqueue_Scripts::trim_css( $static_css );
}
return $dynamic_css;
}
content-background.php 0000644 00000025704 15006153153 0011053 0 ustar 00 <?php
/**
* Content Background - Dynamic CSS
*
* @package astra
* @since 3.7.0
*/
if ( ! defined( 'ABSPATH' ) ) {
exit; // Exit if accessed directly.
}
add_filter( 'astra_dynamic_theme_css', 'astra_content_background_css', 11 );
/**
* Content Background - Dynamic CSS
*
* @param string $dynamic_css Astra Dynamic CSS.
* @return String Generated dynamic CSS for content background.
*
* @since 3.2.0
*/
function astra_content_background_css( $dynamic_css ) {
if ( ! astra_has_gcp_typo_preset_compatibility() ) {
return $dynamic_css;
}
$content_bg_obj = astra_get_option( 'content-bg-obj-responsive' );
// Override content background with meta value if set.
$meta_background_enabled = astra_get_option_meta( 'ast-page-background-enabled' );
// Check for third party pages meta.
if ( '' === $meta_background_enabled && astra_with_third_party() ) {
$meta_background_enabled = astra_third_party_archive_meta( 'ast-page-background-enabled' );
if ( isset( $meta_background_enabled ) && 'enabled' === $meta_background_enabled ) {
$content_bg_obj = astra_third_party_archive_meta( 'ast-content-background-meta' );
}
} elseif ( isset( $meta_background_enabled ) && 'enabled' === $meta_background_enabled ) {
$content_bg_obj = astra_get_option_meta( 'ast-content-background-meta' );
}
$blog_layout = astra_get_blog_layout();
$blog_grid = astra_get_option( 'blog-grid' );
$sidebar_default_css = $content_bg_obj;
$is_boxed = astra_is_content_style_boxed();
$is_sidebar_boxed = astra_is_sidebar_style_boxed();
$current_layout = astra_get_content_layout();
$narrow_dynamic_selector = 'narrow-width-container' === $current_layout && $is_boxed ? ', .ast-narrow-container .site-content' : '';
$comments_wrapper_bg_selector = Astra_Dynamic_CSS::astra_4_6_0_compatibility() ? ', .ast-separate-container .comments-area' : ', .ast-separate-container .comments-area .comment-respond, .ast-separate-container .comments-area .ast-comment-list li, .ast-separate-container .comments-area .comments-title';
$author_box_extra_selector = ( true === astra_check_is_structural_setup() ) ? '.site-main' : '';
// Apply unboxed container with sidebar boxed look by changing background color to site background color.
$content_bg_obj = astra_apply_unboxed_container( $content_bg_obj, $is_boxed, $is_sidebar_boxed, $current_layout );
// Container Layout Colors.
$container_css = array(
'.ast-separate-container .ast-article-single:not(.ast-related-post), .woocommerce.ast-separate-container .ast-woocommerce-container, .ast-separate-container .error-404, .ast-separate-container .no-results, .single.ast-separate-container ' . esc_attr( $author_box_extra_selector ) . ' .ast-author-meta, .ast-separate-container .related-posts-title-wrapper,.ast-separate-container .comments-count-wrapper, .ast-box-layout.ast-plain-container .site-content,.ast-padded-layout.ast-plain-container .site-content, .ast-separate-container .ast-archive-description' . $narrow_dynamic_selector . $comments_wrapper_bg_selector => astra_get_responsive_background_obj( $content_bg_obj, 'desktop' ),
);
// Container Layout Colors.
$container_css_tablet = array(
'.ast-separate-container .ast-article-single:not(.ast-related-post), .woocommerce.ast-separate-container .ast-woocommerce-container, .ast-separate-container .error-404, .ast-separate-container .no-results, .single.ast-separate-container ' . esc_attr( $author_box_extra_selector ) . ' .ast-author-meta, .ast-separate-container .related-posts-title-wrapper,.ast-separate-container .comments-count-wrapper, .ast-box-layout.ast-plain-container .site-content,.ast-padded-layout.ast-plain-container .site-content, .ast-separate-container .ast-archive-description' . $narrow_dynamic_selector => astra_get_responsive_background_obj( $content_bg_obj, 'tablet' ),
);
// Container Layout Colors.
$container_css_mobile = array(
'.ast-separate-container .ast-article-single:not(.ast-related-post), .woocommerce.ast-separate-container .ast-woocommerce-container, .ast-separate-container .error-404, .ast-separate-container .no-results, .single.ast-separate-container ' . esc_attr( $author_box_extra_selector ) . ' .ast-author-meta, .ast-separate-container .related-posts-title-wrapper,.ast-separate-container .comments-count-wrapper, .ast-box-layout.ast-plain-container .site-content,.ast-padded-layout.ast-plain-container .site-content, .ast-separate-container .ast-archive-description' . $narrow_dynamic_selector => astra_get_responsive_background_obj( $content_bg_obj, 'mobile' ),
);
// Sidebar specific css.
$sidebar_css = array(
'.ast-separate-container.ast-two-container #secondary .widget' => astra_get_responsive_background_obj( $sidebar_default_css, 'desktop' ),
);
// Sidebar specific css.
$sidebar_css_tablet = array(
'.ast-separate-container.ast-two-container #secondary .widget' => astra_get_responsive_background_obj( $sidebar_default_css, 'tablet' ),
);
// Sidebar specific css.
$sidebar_css_mobile = array(
'.ast-separate-container.ast-two-container #secondary .widget' => astra_get_responsive_background_obj( $sidebar_default_css, 'mobile' ),
);
// Apply Content BG Color for Narrow Unboxed Container.
if ( ! astra_is_content_style_boxed() && 'narrow-container' === $current_layout ) {
$container_css = array_merge(
$container_css,
array( '.ast-narrow-container .site-content' => astra_get_responsive_background_obj( $content_bg_obj, 'desktop' ) )
);
$container_css_tablet = array_merge(
$container_css_tablet,
array( '.ast-narrow-container .site-content' => astra_get_responsive_background_obj( $content_bg_obj, 'tablet' ) )
);
$container_css_mobile = array_merge(
$container_css_mobile,
array( '.ast-narrow-container .site-content' => astra_get_responsive_background_obj( $content_bg_obj, 'mobile' ) )
);
}
// Blog Pro Layout Colors.
if ( ( 'blog-layout-1' === $blog_layout || 'blog-layout-4' === $blog_layout || 'blog-layout-6' === $blog_layout ) || ( defined( 'ASTRA_EXT_VER' ) && ( 'blog-layout-1' === $blog_layout || 'blog-layout-4' === $blog_layout || 'blog-layout-6' === $blog_layout ) && 1 !== $blog_grid ) ) {
$blog_layouts = array(
'.ast-separate-container .ast-article-inner' => astra_get_responsive_background_obj( $content_bg_obj, 'desktop' ),
);
$blog_layouts_tablet = array(
'.ast-separate-container .ast-article-inner' => astra_get_responsive_background_obj( $content_bg_obj, 'tablet' ),
);
$blog_layouts_mobile = array(
'.ast-separate-container .ast-article-inner' => astra_get_responsive_background_obj( $content_bg_obj, 'mobile' ),
);
} else {
$blog_layouts = array(
'.ast-separate-container .ast-article-post' => astra_get_responsive_background_obj( $content_bg_obj, 'desktop' ),
);
$blog_layouts_tablet = array(
'.ast-separate-container .ast-article-post' => astra_get_responsive_background_obj( $content_bg_obj, 'tablet' ),
);
$blog_layouts_mobile = array(
'.ast-separate-container .ast-article-post' => astra_get_responsive_background_obj( $content_bg_obj, 'mobile' ),
);
$inner_layout = array(
'.ast-separate-container .ast-article-inner' => array(
'background-color' => 'transparent',
'background-image' => 'none',
),
);
$dynamic_css .= astra_parse_css( $inner_layout );
}
$dynamic_css .= astra_parse_css( $blog_layouts );
/** @psalm-suppress InvalidArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
$dynamic_css .= astra_parse_css( $blog_layouts_tablet, '', astra_get_tablet_breakpoint() );
/** @psalm-suppress InvalidArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
$dynamic_css .= astra_parse_css( $blog_layouts_mobile, '', astra_get_mobile_breakpoint() );
$dynamic_css .= astra_parse_css( $container_css );
/** @psalm-suppress InvalidArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
$dynamic_css .= astra_parse_css( $container_css_tablet, '', astra_get_tablet_breakpoint() );
/** @psalm-suppress InvalidArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
$dynamic_css .= astra_parse_css( $container_css_mobile, '', astra_get_mobile_breakpoint() );
$dynamic_css .= astra_parse_css( $sidebar_css );
/** @psalm-suppress InvalidArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
$dynamic_css .= astra_parse_css( $sidebar_css_tablet, '', astra_get_tablet_breakpoint() );
/** @psalm-suppress InvalidArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
$dynamic_css .= astra_parse_css( $sidebar_css_mobile, '', astra_get_mobile_breakpoint() );
if ( astra_apply_content_background_fullwidth_layouts() ) {
$fullwidth_layout = array(
'.ast-plain-container, .ast-page-builder-template' => astra_get_responsive_background_obj( $content_bg_obj, 'desktop' ),
);
$fullwidth_layout_tablet = array(
'.ast-plain-container, .ast-page-builder-template' => astra_get_responsive_background_obj( $content_bg_obj, 'tablet' ),
);
$fullwidth_layout_mobile = array(
'.ast-plain-container, .ast-page-builder-template' => astra_get_responsive_background_obj( $content_bg_obj, 'mobile' ),
);
$dynamic_css .= astra_parse_css( $fullwidth_layout );
/** @psalm-suppress InvalidArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
$dynamic_css .= astra_parse_css( $fullwidth_layout_tablet, '', astra_get_tablet_breakpoint() );
/** @psalm-suppress InvalidArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
$dynamic_css .= astra_parse_css( $fullwidth_layout_mobile, '', astra_get_mobile_breakpoint() );
}
return $dynamic_css;
}
/**
* Applies an unboxed container to the content.
*
* @since 4.2.0
* @param array $content_bg_obj The background object for the content.
* @param bool $is_boxed Container style is boxed or not.
* @param bool $is_sidebar_boxed Sidebar style is boxed or not.
* @param mixed $current_layout The current container layout applied.
* @return array $content_bg_obj The updated background object for the content.
*/
function astra_apply_unboxed_container( $content_bg_obj, $is_boxed, $is_sidebar_boxed, $current_layout ) {
$site_bg_obj = astra_get_option( 'site-layout-outside-bg-obj-responsive' );
$meta_background_enabled = astra_get_option_meta( 'ast-page-background-enabled' );
// Check for third party pages meta.
if ( '' === $meta_background_enabled && astra_with_third_party() ) {
$meta_background_enabled = astra_third_party_archive_meta( 'ast-page-background-enabled' );
if ( isset( $meta_background_enabled ) && 'enabled' === $meta_background_enabled ) {
$site_bg_obj = astra_third_party_archive_meta( 'ast-page-background-meta' );
}
} elseif ( isset( $meta_background_enabled ) && 'enabled' === $meta_background_enabled ) {
$site_bg_obj = astra_get_option_meta( 'ast-page-background-meta' );
}
if ( 'plain-container' === $current_layout && ! $is_boxed && $is_sidebar_boxed && 'no-sidebar' !== astra_page_layout() ) {
$content_bg_obj = $site_bg_obj;
}
return $content_bg_obj;
}
block-editor-compatibility.php 0000644 00000052714 15006153153 0012512 0 ustar 00 <?php
/**
* Astra WordPress-5.8 compatibility - Dynamic CSS.
*
* @package astra
* @since 3.6.5
*/
if ( ! defined( 'ABSPATH' ) ) {
exit; // Exit if accessed directly.
}
if ( astra_block_based_legacy_setup() ) {
add_filter( 'astra_dynamic_theme_css', 'astra_block_editor_compatibility_css' );
} else {
add_filter( 'astra_dynamic_theme_css', 'astra_load_modern_block_editor_ui' );
}
/**
* This is new compatibillity CSS added at time 'improve-gb-editor-ui'. So requiring this for new setup as well that's why making it common.
*
* @since 3.6.5
*/
function astra_get_block_editor_required_css() {
return '
.wp-block-file {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.wp-block-pullquote {
border: none;
}
.wp-block-pullquote blockquote::before {
content: "\201D";
font-family: "Helvetica",sans-serif;
display: flex;
transform: rotate( 180deg );
font-size: 6rem;
font-style: normal;
line-height: 1;
font-weight: bold;
align-items: center;
justify-content: center;
}
.has-text-align-right > blockquote::before {
justify-content: flex-start;
}
.has-text-align-left > blockquote::before {
justify-content: flex-end;
}
figure.wp-block-pullquote.is-style-solid-color blockquote {
max-width: 100%;
text-align: inherit;
}';
}
/**
* Astra WordPress compatibility - Dynamic CSS.
*
* @param string $dynamic_css Dynamic CSS.
* @since 3.6.5
*/
function astra_block_editor_compatibility_css( $dynamic_css ) {
if ( Astra_Dynamic_CSS::is_block_editor_support_enabled() ) {
$compatibility_css = '
.wp-block-search {
margin-bottom: 20px;
}
.wp-block-site-tagline {
margin-top: 20px;
}
form.wp-block-search .wp-block-search__input, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
border-color: #eaeaea;
background: #fafafa;
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus, .wp-block-loginout input:focus {
outline: thin dotted;
}
.wp-block-loginout input:focus {
border-color: transparent;
}
form.wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input {
padding: 12px;
}
form.wp-block-search .wp-block-search__button svg {
fill: currentColor;
width: 20px;
height: 20px;
}
.wp-block-loginout p label {
display: block;
}
.wp-block-loginout p:not(.login-remember):not(.login-submit) input {
width: 100%;
}
.wp-block-loginout .login-remember input {
width: 1.1rem;
height: 1.1rem;
margin: 0 5px 4px 0;
vertical-align: middle;
}';
$dynamic_css .= Astra_Enqueue_Scripts::trim_css( $compatibility_css );
}
/** @psalm-suppress InvalidScalarArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
if ( astra_get_option( 'improve-gb-editor-ui', true ) ) {
/** @psalm-suppress InvalidScalarArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
$is_site_rtl = is_rtl();
$editor_improvement_css = astra_get_block_editor_required_css();
if ( $is_site_rtl ) {
$editor_improvement_css .= '
blockquote {
padding: 0 1.2em 1.2em;
}
.wp-block-button__link {
border: 2px solid currentColor;
}
body .wp-block-file .wp-block-file__button {
text-decoration: none;
}
ul.wp-block-categories-list.wp-block-categories, ul.wp-block-archives-list.wp-block-archives {
list-style-type: none;
}
ul, ol {
margin-right: 20px;
}
figure.alignright figcaption {
text-align: left;
}';
} else {
$editor_improvement_css .= '
blockquote {
padding: 0 1.2em 1.2em;
}
.wp-block-button__link {
border: 2px solid currentColor;
}
body .wp-block-file .wp-block-file__button {
text-decoration: none;
}
ul.wp-block-categories-list.wp-block-categories, ul.wp-block-archives-list.wp-block-archives {
list-style-type: none;
}
ul, ol {
margin-left: 20px;
}
figure.alignright figcaption {
text-align: right;
}';
}
} else {
$editor_improvement_css = '
blockquote {
padding: 1.2em;
}
';
}
$dynamic_css .= Astra_Enqueue_Scripts::trim_css( $editor_improvement_css );
return $dynamic_css;
}
/**
* Astra block editor 2.0 Spectra compatibility - Dynamic CSS.
*
* @param string $dynamic_css Dynamic CSS.
* @return string $dynamic_css Dynamic CSS.
*
* @since 3.8.0
*/
function astra_load_modern_block_editor_ui( $dynamic_css ) {
$dynamic_css .= astra_get_block_editor_required_css();
$ltr_left = is_rtl() ? 'right' : 'left';
$ltr_right = is_rtl() ? 'left' : 'right';
$astra_block_editor_v2_ui = astra_get_option( 'wp-blocks-v2-ui', true );
$ast_container_width = astra_get_option( 'site-content-width', 1200 ) . 'px';
$blocks_spacings = Astra_WP_Editor_CSS::astra_get_block_spacings();
$list_blocks_space = astra_get_option( 'list-blocks-spacing', true );
/** @psalm-suppress InvalidCast */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
$tablet_breakpoint = (string) astra_get_tablet_breakpoint();
/** @psalm-suppress InvalidCast */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
/** @psalm-suppress InvalidCast */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
$mobile_breakpoint = (string) astra_get_mobile_breakpoint();
/** @psalm-suppress InvalidCast */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
$desktop_top_spacing = isset( $blocks_spacings['desktop']['top'] ) ? $blocks_spacings['desktop']['top'] : '';
$desktop_right_spacing = isset( $blocks_spacings['desktop']['right'] ) ? $blocks_spacings['desktop']['right'] : '';
$desktop_bottom_spacing = isset( $blocks_spacings['desktop']['bottom'] ) ? $blocks_spacings['desktop']['bottom'] : '';
$desktop_left_spacing = isset( $blocks_spacings['desktop']['left'] ) ? $blocks_spacings['desktop']['left'] : '';
$tablet_top_spacing = isset( $blocks_spacings['tablet']['top'] ) ? $blocks_spacings['tablet']['top'] : '';
$tablet_right_spacing = isset( $blocks_spacings['tablet']['right'] ) ? $blocks_spacings['tablet']['right'] : '';
$tablet_bottom_spacing = isset( $blocks_spacings['tablet']['bottom'] ) ? $blocks_spacings['tablet']['bottom'] : '';
$tablet_left_spacing = isset( $blocks_spacings['tablet']['left'] ) ? $blocks_spacings['tablet']['left'] : '';
$mobile_top_spacing = isset( $blocks_spacings['mobile']['top'] ) ? $blocks_spacings['mobile']['top'] : '';
$mobile_right_spacing = isset( $blocks_spacings['mobile']['right'] ) ? $blocks_spacings['mobile']['right'] : '';
$mobile_bottom_spacing = isset( $blocks_spacings['mobile']['bottom'] ) ? $blocks_spacings['mobile']['bottom'] : '';
$mobile_left_spacing = isset( $blocks_spacings['mobile']['left'] ) ? $blocks_spacings['mobile']['left'] : '';
$ast_content_width = apply_filters( 'astra_block_content_width', $astra_block_editor_v2_ui ? $ast_container_width : '910px' );
$ast_wide_width = apply_filters( 'astra_block_wide_width', $astra_block_editor_v2_ui ? 'calc(' . esc_attr( $ast_container_width ) . ' + var(--wp--custom--ast-default-block-left-padding) + var(--wp--custom--ast-default-block-right-padding))' : $ast_container_width );
$ast_narrow_width = astra_get_option( 'narrow-container-max-width', apply_filters( 'astra_narrow_container_width', 750 ) ) . 'px';
// Spectra Compatibility - page title alignment with page container layouts.
$spectra_gutenberg_compat_css = Astra_Dynamic_CSS::spectra_gutenberg_compat_css();
$v4_block_editor_compat = Astra_Dynamic_CSS::v4_block_editor_compat();
$dynamic_css .= '
:root {
--wp--custom--ast-default-block-top-padding: ' . $desktop_top_spacing . ';
--wp--custom--ast-default-block-right-padding: ' . $desktop_right_spacing . ';
--wp--custom--ast-default-block-bottom-padding: ' . $desktop_bottom_spacing . ';
--wp--custom--ast-default-block-left-padding: ' . $desktop_left_spacing . ';
--wp--custom--ast-container-width: ' . $ast_container_width . ';
--wp--custom--ast-content-width-size: ' . $ast_content_width . ';
--wp--custom--ast-wide-width-size: ' . $ast_wide_width . ';
}
.ast-narrow-container {
--wp--custom--ast-content-width-size: ' . $ast_narrow_width . ';
--wp--custom--ast-wide-width-size: ' . $ast_narrow_width . ';
}
@media(max-width: ' . $tablet_breakpoint . 'px) {
:root {
--wp--custom--ast-default-block-top-padding: ' . $tablet_top_spacing . ';
--wp--custom--ast-default-block-right-padding: ' . $tablet_right_spacing . ';
--wp--custom--ast-default-block-bottom-padding: ' . $tablet_bottom_spacing . ';
--wp--custom--ast-default-block-left-padding: ' . $tablet_left_spacing . ';
}
}
@media(max-width: ' . $mobile_breakpoint . 'px) {
:root {
--wp--custom--ast-default-block-top-padding: ' . $mobile_top_spacing . ';
--wp--custom--ast-default-block-right-padding: ' . $mobile_right_spacing . ';
--wp--custom--ast-default-block-bottom-padding: ' . $mobile_bottom_spacing . ';
--wp--custom--ast-default-block-left-padding: ' . $mobile_left_spacing . ';
}
}
';
$astra_wide_particular_selector = $astra_block_editor_v2_ui ? '.entry-content[data-ast-blocks-layout] > .alignwide' : '.entry-content[data-ast-blocks-layout] > .alignwide, .entry-content[data-ast-blocks-layout] .wp-block-cover__inner-container, .entry-content[data-ast-blocks-layout] > p';
$astra_full_stretched_selector = $astra_block_editor_v2_ui ? '.ast-plain-container.ast-no-sidebar .entry-content > .alignfull, .ast-page-builder-template .ast-no-sidebar .entry-content > .alignfull' : '.ast-plain-container.ast-no-sidebar .entry-content .alignfull, .ast-page-builder-template .ast-no-sidebar .entry-content .alignfull';
$dynamic_css .= '
.entry-content > .wp-block-group, .entry-content > .wp-block-cover, .entry-content > .wp-block-columns {
padding-top: var(--wp--custom--ast-default-block-top-padding);
padding-right: var(--wp--custom--ast-default-block-right-padding);
padding-bottom: var(--wp--custom--ast-default-block-bottom-padding);
padding-left: var(--wp--custom--ast-default-block-left-padding);
}
' . $astra_full_stretched_selector . ' {
margin-left: calc( -50vw + 50%);
margin-right: calc( -50vw + 50%);
max-width: 100vw;
width: 100vw;
}
.ast-plain-container.ast-no-sidebar .entry-content .alignfull .alignfull, .ast-page-builder-template.ast-no-sidebar .entry-content .alignfull .alignfull, .ast-plain-container.ast-no-sidebar .entry-content .alignfull .alignwide, .ast-page-builder-template.ast-no-sidebar .entry-content .alignfull .alignwide, .ast-plain-container.ast-no-sidebar .entry-content .alignwide .alignfull, .ast-page-builder-template.ast-no-sidebar .entry-content .alignwide .alignfull,
.ast-plain-container.ast-no-sidebar .entry-content .alignwide .alignwide, .ast-page-builder-template.ast-no-sidebar .entry-content .alignwide .alignwide, .ast-plain-container.ast-no-sidebar .entry-content .wp-block-column .alignfull, .ast-page-builder-template.ast-no-sidebar .entry-content .wp-block-column .alignfull,
.ast-plain-container.ast-no-sidebar .entry-content .wp-block-column .alignwide, .ast-page-builder-template.ast-no-sidebar .entry-content .wp-block-column .alignwide {
margin-left: auto;
margin-right: auto;
width: 100%;
}
[data-ast-blocks-layout] .wp-block-separator:not(.is-style-dots) {
height: 0;
}
[data-ast-blocks-layout] .wp-block-separator {
margin: 20px auto;
}
[data-ast-blocks-layout] .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 100px;
}
[data-ast-blocks-layout] .wp-block-separator.has-background {
padding: 0;
}
.entry-content[data-ast-blocks-layout] > * {
max-width: var(--wp--custom--ast-content-width-size);
margin-left: auto;
margin-right: auto;
}
' . $astra_wide_particular_selector . ' {
max-width: var(--wp--custom--ast-wide-width-size);
}
.entry-content[data-ast-blocks-layout] .alignfull {
max-width: none;
}
.entry-content .wp-block-columns {
margin-bottom: 0;
}
blockquote {
margin: 1.5em;
border-color: rgba(0,0,0,0.05);
}
.wp-block-quote:not(.has-text-align-right):not(.has-text-align-center) {
border-' . esc_attr( $ltr_left ) . ': 5px solid rgba(0, 0, 0, 0.05);
}
.has-text-align-right > blockquote, blockquote.has-text-align-right {
border-' . esc_attr( $ltr_right ) . ': 5px solid rgba(0, 0, 0, 0.05);
}
.has-text-align-left > blockquote, blockquote.has-text-align-left {
border-' . esc_attr( $ltr_left ) . ': 5px solid rgba(0, 0, 0, 0.05);
}
.wp-block-site-tagline, .wp-block-latest-posts .read-more {
margin-top: 15px;
}
.wp-block-loginout p label {
display: block;
}
.wp-block-loginout p:not(.login-remember):not(.login-submit) input {
width: 100%;
}
.wp-block-loginout input:focus {
border-color: transparent;
}
.wp-block-loginout input:focus {
outline: thin dotted;
}
.entry-content .wp-block-media-text .wp-block-media-text__content {
padding: 0 0 0 8%;
}
.entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
padding: 0 8% 0 0;
}
.entry-content .wp-block-media-text.has-background .wp-block-media-text__content {
padding: 8%;
}
.entry-content .wp-block-cover:not([class*="background-color"]) .wp-block-cover__inner-container, .entry-content .wp-block-cover:not([class*="background-color"]) .wp-block-cover-image-text, .entry-content .wp-block-cover:not([class*="background-color"]) .wp-block-cover-text, .entry-content .wp-block-cover-image:not([class*="background-color"]) .wp-block-cover__inner-container, .entry-content .wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-image-text, .entry-content .wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-text {
color: var(--ast-global-color-5);
}
.wp-block-loginout .login-remember input {
width: 1.1rem;
height: 1.1rem;
margin: 0 5px 4px 0;
vertical-align: middle;
}
.wp-block-latest-posts > li > *:first-child, .wp-block-latest-posts:not(.is-grid) > li:first-child {
margin-top: 0;
}
.entry-content > .wp-block-buttons,
.entry-content > .wp-block-uagb-buttons {
margin-bottom: 1.5em;
}
';
if ( $astra_block_editor_v2_ui ) {
$single_post_continer_spacing = astra_get_option( 'single-post-inside-spacing' );
$container_lg_spacing = ( true === astra_check_is_structural_setup() ) ? '3' : '6.67';
$astra_continer_left_spacing = defined( 'ASTRA_EXT_VER' ) && astra_responsive_spacing( $single_post_continer_spacing, 'left', 'desktop' ) ? astra_responsive_spacing( $single_post_continer_spacing, 'left', 'desktop', $container_lg_spacing ) : 'var(--ast-container-default-xlg-padding)';
$astra_continer_right_spacing = defined( 'ASTRA_EXT_VER' ) && astra_responsive_spacing( $single_post_continer_spacing, 'right', 'desktop' ) ? astra_responsive_spacing( $single_post_continer_spacing, 'right', 'desktop', $container_lg_spacing ) : 'var(--ast-container-default-xlg-padding)';
$astra_1200_continer_left_spacing = defined( 'ASTRA_EXT_VER' ) && astra_responsive_spacing( $single_post_continer_spacing, 'left', 'desktop' ) ? astra_responsive_spacing( $single_post_continer_spacing, 'left', 'desktop', '2.4' ) : 'var(--ast-container-default-xs-padding)';
$astra_1200_continer_right_spacing = defined( 'ASTRA_EXT_VER' ) && astra_responsive_spacing( $single_post_continer_spacing, 'right', 'desktop' ) ? astra_responsive_spacing( $single_post_continer_spacing, 'right', 'desktop', '2.4' ) : 'var(--ast-container-default-xs-padding)';
$alignwide_1200_left_negative_margin = $astra_continer_left_spacing ? 'calc(-1 * min(' . $astra_continer_left_spacing . ', 20px))' : '-20px';
$alignwide_1200_right_negative_margin = $astra_continer_right_spacing ? 'calc(-1 * min(' . $astra_continer_right_spacing . ', 20px))' : '-20px';
$heading_width_comp = Astra_Dynamic_CSS::astra_4_8_0_compatibility() ? 'none' : 'var(--wp--custom--ast-content-width-size)';
$container_margin_left_comp = Astra_Dynamic_CSS::astra_4_8_4_compatibility() ? 'auto' : 'calc(-1 * var(--wp--custom--ast-default-block-left-padding) )';
$container_margin_right_comp = Astra_Dynamic_CSS::astra_4_8_4_compatibility() ? 'auto' : 'calc(-1 * var(--wp--custom--ast-default-block-right-padding) )';
$dynamic_css .= '
.wp-block-search__inside-wrapper .wp-block-search__input {
padding: 0 10px;
color: var(--ast-global-color-3);
background: var(--ast-global-color-5);
border-color: var(--ast-border-color);
}
.wp-block-latest-posts .read-more {
margin-bottom: 1.5em;
}
.wp-block-search__no-button .wp-block-search__inside-wrapper .wp-block-search__input {
padding-top: 5px;
padding-bottom: 5px;
}
.wp-block-latest-posts .wp-block-latest-posts__post-date, .wp-block-latest-posts .wp-block-latest-posts__post-author {
font-size: 1rem;
}
.wp-block-latest-posts > li > *, .wp-block-latest-posts:not(.is-grid) > li {
margin-top: 12px;
margin-bottom: 12px;
}
.ast-page-builder-template .entry-content[data-ast-blocks-layout] > *, .ast-page-builder-template .entry-content[data-ast-blocks-layout] > .alignfull:not(.wp-block-group) > * {
max-width: none;
}
.ast-page-builder-template .entry-content[data-ast-blocks-layout] > .alignwide > * {
max-width: var(--wp--custom--ast-wide-width-size);
}
.ast-page-builder-template .entry-content[data-ast-blocks-layout] > .inherit-container-width > *, .ast-page-builder-template .entry-content[data-ast-blocks-layout] > *:not(.wp-block-group) > *, .entry-content[data-ast-blocks-layout] > .wp-block-cover .wp-block-cover__inner-container {
max-width: ' . $heading_width_comp . ' ;
margin-left: auto;
margin-right: auto;
}
.entry-content[data-ast-blocks-layout] .wp-block-cover:not(.alignleft):not(.alignright) {
width: auto;
}
@media(max-width: 1200px) {
.ast-separate-container .entry-content > .alignfull, .ast-separate-container .entry-content[data-ast-blocks-layout] > .alignwide, .ast-plain-container .entry-content[data-ast-blocks-layout] > .alignwide, .ast-plain-container .entry-content .alignfull {
margin-left: ' . $alignwide_1200_left_negative_margin . ' ;
margin-right: ' . $alignwide_1200_right_negative_margin . ';
}
}
@media(min-width: 1201px) {
.ast-separate-container .entry-content > .alignfull {
margin-left: calc(-1 * ' . $astra_continer_left_spacing . ' );
margin-right: calc(-1 * ' . $astra_continer_right_spacing . ' );
}
.ast-separate-container .entry-content[data-ast-blocks-layout] > .alignwide, .ast-plain-container .entry-content[data-ast-blocks-layout] > .alignwide {
margin-left: ' . $container_margin_left_comp . ';
margin-right: ' . $container_margin_right_comp . ';
}
}
@media(min-width: ' . $tablet_breakpoint . 'px) {
.ast-separate-container .entry-content .wp-block-group.alignwide:not(.inherit-container-width) > :where(:not(.alignleft):not(.alignright)), .ast-plain-container .entry-content .wp-block-group.alignwide:not(.inherit-container-width) > :where(:not(.alignleft):not(.alignright)) {
max-width: calc( var(--wp--custom--ast-content-width-size) + 80px );
}
.ast-plain-container.ast-right-sidebar .entry-content[data-ast-blocks-layout] .alignfull, .ast-plain-container.ast-left-sidebar .entry-content[data-ast-blocks-layout] .alignfull {
margin-left: -60px;
margin-right: -60px;
}
}
@media(min-width: ' . $mobile_breakpoint . 'px) {
.entry-content > .alignleft {
margin-' . esc_attr( $ltr_right ) . ': 20px;
}
.entry-content > .alignright {
margin-' . esc_attr( $ltr_left ) . ': 20px;
}
}
';
} else {
$dynamic_css .= '
.wp-block-latest-posts > li > a {
font-size: 28px;
}
.wp-block-latest-posts > li > *, .wp-block-latest-posts:not(.is-grid) > li {
margin-top: 15px;
margin-bottom: 15px;
}
.wp-block-latest-posts .wp-block-latest-posts__post-date, .wp-block-latest-posts .wp-block-latest-posts__post-author {
font-size: 15px;
}
';
}
$mobile_css = array(
'.wp-block-columns .wp-block-column:not(:last-child)' => array(
'margin-bottom' => '20px',
),
'.wp-block-latest-posts' => array(
'margin' => '0',
),
);
/* Parse CSS from array -> max-width(mobile-breakpoint) */
/** @psalm-suppress InvalidArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
$dynamic_css .= astra_parse_css( $mobile_css, '', $mobile_breakpoint );
/** @psalm-suppress InvalidArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
$dynamic_css .= '
@media( max-width: 600px ) {
.entry-content .wp-block-media-text .wp-block-media-text__content, .entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
padding: 8% 0 0;
}
.entry-content .wp-block-media-text.has-background .wp-block-media-text__content {
padding: 8%;
}
}
';
// Spectra Compatibility - Container block alignment with page title for container layouts.
if ( $spectra_gutenberg_compat_css ) {
$dynamic_css .= '
.ast-page-builder-template .entry-header {
padding-' . esc_attr( $ltr_left ) . ': 0;
}
';
}
// Spectra compatibility for narrow width container.
$dynamic_css .= '
.ast-narrow-container .site-content .wp-block-uagb-image--align-full .wp-block-uagb-image__figure {
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
';
$direction = is_rtl() ? 'right' : 'left';
$lists_padding = Astra_Dynamic_CSS::astra_4_6_0_compatibility() ? 'padding-' . $direction . ': 20px;' : '';
// Block editor experience improvements introduced with v4.0.0.
if ( $v4_block_editor_compat ) {
$dynamic_css .= '
.entry-content ul, .entry-content ol {
padding: revert;
margin: revert;
' . $lists_padding . '
}
';
}
return $dynamic_css;
}
logo-svg-icons.php 0000644 00000006715 15006153153 0010133 0 ustar 00 <?php
/**
* Logo SVG Icons - Dynamic CSS
*
* @package Astra
* @since 4.7.0
*/
if ( ! defined( 'ABSPATH' ) ) {
exit; // Exit if accessed directly.
}
add_filter( 'astra_dynamic_theme_css', 'astra_logo_svg_icons_dynamic_css', 20 );
/**
* Main styles for the logo svg icons.
*
* @param string $dynamic_css
* @return string
* @since 4.7.0
*/
function astra_logo_svg_icons_dynamic_css( $dynamic_css ) {
if ( ! astra_logo_svg_icon() ) {
return $dynamic_css;
}
$header_logo_width = astra_get_option( 'ast-header-responsive-logo-width' );
$logo_svg_icon_color = astra_get_option( 'logo-svg-icon-color' );
$logo_svg_site_title_gap = astra_get_option( 'logo-svg-site-title-gap' );
$logo_svg_icon_hover_color = astra_get_option( 'logo-svg-icon-hover-color' );
$enabled_logo_title_inline = astra_get_option( 'logo-title-inline' );
/**
* Start: Desktop related styles
*/
$desktop_css_output = array(
'.site-branding .ast-logo-svg-icon' => array(
'display' => 'inline-flex', // Fix for the vertical alignment issue with the SVG logo.
),
'.site-branding .ast-logo-svg-icon svg' => array(
'width' => astra_get_css_value( $header_logo_width['desktop'], 'px', '30' ),
'fill' => esc_attr( $logo_svg_icon_color ),
),
'.site-branding .ast-logo-svg-icon:hover svg' => array(
'fill' => esc_attr( $logo_svg_icon_hover_color ),
),
);
if ( isset( $logo_svg_site_title_gap['desktop'] ) ) {
if ( $enabled_logo_title_inline ) {
$desktop_css_output['.ast-logo-title-inline .ast-site-identity'] = array(
'gap' => astra_get_css_value( $logo_svg_site_title_gap['desktop'], 'px' ),
);
} else {
$desktop_css_output['.ast-site-identity .ast-logo-svg-icon'] = array(
'margin-bottom' => astra_get_css_value( $logo_svg_site_title_gap['desktop'], 'px' ),
);
}
}
/**
* End: Desktop related styles
*/
/**
* Start: Tablet related styles
*/
$tablet_css_output = array(
'.site-branding .ast-logo-svg-icon svg' => array(
'width' => astra_get_css_value( $header_logo_width['tablet'], 'px', '30' ),
),
);
if ( isset( $logo_svg_site_title_gap['tablet'] ) ) {
if ( $enabled_logo_title_inline ) {
$tablet_css_output['.ast-logo-title-inline .ast-site-identity'] = array(
'gap' => astra_get_css_value( $logo_svg_site_title_gap['tablet'], 'px' ),
);
} else {
$tablet_css_output['.ast-site-identity .ast-logo-svg-icon'] = array(
'margin-bottom' => astra_get_css_value( $logo_svg_site_title_gap['tablet'], 'px' ),
);
}
}
/**
* End: Tablet related styles
*/
/**
* Start: Mobile related styles
*/
$mobile_css_output = array(
'.site-branding .ast-logo-svg-icon svg' => array(
'width' => astra_get_css_value( $header_logo_width['mobile'], 'px', '30' ),
),
);
if ( isset( $logo_svg_site_title_gap['mobile'] ) ) {
if ( $enabled_logo_title_inline ) {
$mobile_css_output['.ast-logo-title-inline .ast-site-identity'] = array(
'gap' => astra_get_css_value( $logo_svg_site_title_gap['mobile'], 'px' ),
);
} else {
$mobile_css_output['.ast-site-identity .ast-logo-svg-icon'] = array(
'margin-bottom' => astra_get_css_value( $logo_svg_site_title_gap['mobile'], 'px' ),
);
}
}
/**
* End: Mobile related styles
*/
$dynamic_css .= astra_parse_css( $desktop_css_output );
$dynamic_css .= astra_parse_css( $tablet_css_output, '', astra_get_tablet_breakpoint() );
$dynamic_css .= astra_parse_css( $mobile_css_output, '', astra_get_mobile_breakpoint() );
return $dynamic_css;
}
astra-icons.php 0000644 00000004110 15006153153 0007473 0 ustar 00 <?php
/**
* Astra Icons - Dynamic CSS.
*
* @package astra
* @since 3.5.0
*/
if ( ! defined( 'ABSPATH' ) ) {
exit; // Exit if accessed directly.
}
add_filter( 'astra_dynamic_theme_css', 'astra_icons_static_css' );
/**
* Astra Icons - Dynamic CSS.
*
* @param string $dynamic_css Dynamic CSS.
* @since 3.5.0
*/
function astra_icons_static_css( $dynamic_css ) {
if ( false === Astra_Icons::is_svg_icons() ) {
$astra_icons = '
.astra-icon-down_arrow::after {
content: "\e900";
font-family: Astra;
}
.astra-icon-close::after {
content: "\e5cd";
font-family: Astra;
}
.astra-icon-drag_handle::after {
content: "\e25d";
font-family: Astra;
}
.astra-icon-format_align_justify::after {
content: "\e235";
font-family: Astra;
}
.astra-icon-menu::after {
content: "\e5d2";
font-family: Astra;
}
.astra-icon-reorder::after {
content: "\e8fe";
font-family: Astra;
}
.astra-icon-search::after {
content: "\e8b6";
font-family: Astra;
}
.astra-icon-zoom_in::after {
content: "\e56b";
font-family: Astra;
}
.astra-icon-check-circle::after {
content: "\e901";
font-family: Astra;
}
.astra-icon-shopping-cart::after {
content: "\f07a";
font-family: Astra;
}
.astra-icon-shopping-bag::after {
content: "\f290";
font-family: Astra;
}
.astra-icon-shopping-basket::after {
content: "\f291";
font-family: Astra;
}
.astra-icon-circle-o::after {
content: "\e903";
font-family: Astra;
}
.astra-icon-certificate::after {
content: "\e902";
font-family: Astra;
}';
return $dynamic_css .= Astra_Enqueue_Scripts::trim_css( $astra_icons );
}
return $dynamic_css;
}
global-color-palette.php 0000644 00000003143 15006153153 0011265 0 ustar 00 <?php
/**
* Global color palette - Dynamic CSS
*
* @package astra-builder
* @since 3.7.0
*/
if ( ! defined( 'ABSPATH' ) ) {
exit; // Exit if accessed directly.
}
add_filter( 'astra_dynamic_theme_css', 'astra_generate_global_palette_style' );
/**
* Generate palette CSS variable styles on the front end.
*
* @since 3.7.0
* @param string $dynamic_css dynamic css.
* @return string
*/
function astra_generate_global_palette_style( $dynamic_css ) {
$global_palette = astra_get_option( 'global-color-palette' );
$palette_style = array();
$variable_prefix = Astra_Global_Palette::get_css_variable_prefix();
$palette_css_vars = array();
if ( isset( $global_palette['palette'] ) ) {
foreach ( $global_palette['palette'] as $key => $color ) {
$palette_key = str_replace( '--', '-', $variable_prefix ) . $key;
$palette_style[ ':root .has' . $palette_key . '-color' ] = array(
'color' => 'var(' . $variable_prefix . $key . ')',
);
$palette_style[ ':root .has' . $palette_key . '-background-color' ] = array(
'background-color' => 'var(' . $variable_prefix . $key . ')',
);
$palette_style[ ':root .wp-block-button .has' . $palette_key . '-color' ] = array(
'color' => 'var(' . $variable_prefix . $key . ')',
);
$palette_style[ ':root .wp-block-button .has' . $palette_key . '-background-color' ] = array(
'background-color' => 'var(' . $variable_prefix . $key . ')',
);
$palette_css_vars[ $variable_prefix . $key ] = $color;
}
}
$palette_style[':root'] = $palette_css_vars;
$dynamic_css .= astra_parse_css( $palette_style );
return $dynamic_css;
}
container-layouts.php 0000644 00000023026 15006153153 0010737 0 ustar 00 <?php
/**
* Container Layout - Dynamic CSS
*
* @package astra
* @since 3.3.0
*/
if ( ! defined( 'ABSPATH' ) ) {
exit; // Exit if accessed directly.
}
/**
* Init fire to add required compatibility for divi page bulder.
*
* Case: In customizer-defaults update case Astra v3.8.3 we introduced some padding for stretched layout, that should not load for page builder layouts, that is why this compatibility added here.
*
* @param int $post_id Current post ID.
*
* @since 3.8.3
*/
function astra_check_any_page_builder_is_active( $post_id ) {
$post = get_post( $post_id );
if ( ! $post ) {
return false; // Prevent further execution if $post is null.
}
if ( class_exists( '\Elementor\Plugin' ) ) {
/** @psalm-suppress UndefinedClass */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
$document = Elementor\Plugin::$instance->documents->get( $post_id ); // phpcs:ignore PHPCompatibility.LanguageConstructs.NewLanguageConstructs.t_ns_separatorFound
if ( $document ) {
$deprecated_handle = $document->is_built_with_elementor();
} else {
$deprecated_handle = false;
}
if ( ( defined( 'ELEMENTOR_VERSION' ) && version_compare( ELEMENTOR_VERSION, '1.5.0', '<' ) && 'builder' === Elementor\Plugin::$instance->db->get_edit_mode( $post_id ) ) || $deprecated_handle ) { // phpcs:ignore PHPCompatibility.LanguageConstructs.NewLanguageConstructs.t_ns_separatorFound
/** @psalm-suppress UndefinedClass */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
return true;
}
}
if ( defined( 'TVE_VERSION' ) && get_post_meta( $post_id, 'tcb_editor_enabled', true ) ) {
return true;
}
if ( class_exists( 'FLBuilderModel' ) && apply_filters( 'fl_builder_do_render_content', true, FLBuilderModel::get_post_id() ) && get_post_meta( $post_id, '_fl_builder_enabled', true ) ) { // phpcs:ignore WordPress.NamingConventions.PrefixAllGlobals.NonPrefixedHooknameFound
return true;
}
$vc_active = get_post_meta( $post_id, '_wpb_vc_js_status', true );
if ( class_exists( 'Vc_Manager' ) && ( 'true' == $vc_active || has_shortcode( $post->post_content, 'vc_row' ) ) ) {
return true;
}
if ( function_exists( 'et_pb_is_pagebuilder_used' ) && et_pb_is_pagebuilder_used( $post_id ) ) {
return true;
}
if ( class_exists( 'Brizy_Editor_Post' ) && class_exists( 'Brizy_Editor' ) ) {
$brizy_post_types = Brizy_Editor::get()->supported_post_types();
$post_type = get_post_type( $post_id );
if ( in_array( $post_type, $brizy_post_types ) ) {
if ( Brizy_Editor_Post::get( $post_id )->uses_editor() ) {
return true;
}
}
}
return false;
}
/**
* Container Layout - Dynamic CSS.
*
* @since 3.3.0
*/
function astra_container_layout_css() {
$container_layout = astra_get_content_layout();
$page_container_css = '
.ast-single-post-featured-section + article {
margin-top: 2em;
}
.site-content .ast-single-post-featured-section img {
width: 100%;
overflow: hidden;
object-fit: cover;
}
';
$tab_one_max_breakpoint = astra_get_tablet_breakpoint( '', 1 );
/** @psalm-suppress InvalidOperand */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
$tab_one_max_breakpoint = '@media (min-width: ' . $tab_one_max_breakpoint . 'px)';
/** @psalm-suppress InvalidOperand */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
$current_post_type = strval( get_post_type() );
$layout_type = astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-layout', 'layout-1' );
$image_position = astra_get_option( 'ast-dynamic-single-' . $current_post_type . '-article-featured-image-position-layout-1', 'behind' );
if ( 'layout-1' === $layout_type && 'behind' === $image_position ) {
$page_container_css .= '
.ast-separate-container .site-content .ast-single-post-featured-section + article {
margin-top: -80px;
z-index: 9;
position: relative;
border-radius: 4px;
}
' . $tab_one_max_breakpoint . ' {
.ast-no-sidebar .site-content .ast-article-image-container--wide {
margin-left: -120px;
margin-right: -120px;
max-width: unset;
width: unset;
}
.ast-left-sidebar .site-content .ast-article-image-container--wide, .ast-right-sidebar .site-content .ast-article-image-container--wide {
margin-left: -10px;
margin-right: -10px;
}
.site-content .ast-article-image-container--full {
margin-left: calc( -50vw + 50%);
margin-right: calc( -50vw + 50%);
max-width: 100vw;
width: 100vw;
}
.ast-left-sidebar .site-content .ast-article-image-container--full,
.ast-right-sidebar .site-content .ast-article-image-container--full {
margin-left: -10px;
margin-right: -10px;
max-width: inherit;
width: auto;
}
}
';
}
$customizer_default_update = astra_check_is_structural_setup();
$page_title_header_padding = ( true === $customizer_default_update ) ? '2em' : '4em';
// Transparent Header.
$display_title = get_post_meta( absint( astra_get_post_id() ), 'site-post-title', true );
/** @psalm-suppress InvalidCast */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
$tablet_breakpoint = (string) astra_get_tablet_breakpoint();
/** @psalm-suppress InvalidCast */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
$page_container_css .= '
.site > .ast-single-related-posts-container {
margin-top: 0;
}
@media (min-width: ' . strval( astra_get_tablet_breakpoint( '', 1 ) ) . 'px) {
.ast-desktop .ast-container--narrow {
max-width: var(--ast-narrow-container-width);
margin: 0 auto;
}
}
';
if ( 'page-builder' === $container_layout ) {
$page_container_css .= '
.ast-page-builder-template .hentry {
margin: 0;
}
.ast-page-builder-template .site-content > .ast-container {
max-width: 100%;
padding: 0;
}
.ast-page-builder-template .site .site-content #primary {
padding: 0;
margin: 0;
}
.ast-page-builder-template .no-results {
text-align: center;
margin: 4em auto;
}
.ast-page-builder-template .ast-pagination {
padding: 2em;
}
.ast-page-builder-template .entry-header.ast-no-title.ast-no-thumbnail {
margin-top: 0;
}
.ast-page-builder-template .entry-header.ast-header-without-markup {
margin-top: 0;
margin-bottom: 0;
}
.ast-page-builder-template .entry-header.ast-no-title.ast-no-meta {
margin-bottom: 0;
}
.ast-page-builder-template.single .post-navigation {
padding-bottom: 2em;
}
.ast-page-builder-template.single-post .site-content > .ast-container {
max-width: 100%;
}';
$astra_blog_improvements = Astra_Dynamic_CSS::astra_4_6_0_compatibility();
$post_navigation_selector = $astra_blog_improvements ? ', .ast-page-builder-template .post-navigation' : '';
if ( true === $customizer_default_update ) {
$page_container_css .= '
.ast-page-builder-template .entry-header {
margin-top: ' . esc_attr( $page_title_header_padding ) . ';
margin-left: auto;
margin-right: auto;
}
';
/** @psalm-suppress InvalidArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
if ( 'disabled' !== $display_title && true === apply_filters( 'astra_stretched_layout_with_spacing', true ) && false === astra_check_any_page_builder_is_active( astra_get_post_id() ) ) {
/** @psalm-suppress InvalidArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
$page_container_css .= '
.ast-single-post.ast-page-builder-template .site-main > article, .woocommerce.ast-page-builder-template .site-main' . $post_navigation_selector . ' {
padding-top: 2em;
padding-left: 20px;
padding-right: 20px;
}
';
}
} else {
$page_container_css .= '
.ast-page-builder-template .entry-header {
margin-top: ' . esc_attr( $page_title_header_padding ) . ';
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.single.ast-page-builder-template .entry-header {
padding-left: 20px;
padding-right: 20px;
}
';
}
$page_container_css .= '
.ast-page-builder-template .ast-archive-description {
margin: ' . esc_attr( $page_title_header_padding ) . ' auto 0;
padding-left: 20px;
padding-right: 20px;
}
';
if ( true === $customizer_default_update ) {
$page_container_css .= '
.ast-page-builder-template .ast-row {
margin-left: 0;
margin-right: 0;
}
.single.ast-page-builder-template .entry-header + .entry-content,
.single.ast-page-builder-template .ast-single-entry-banner + .site-content article .entry-content {
margin-bottom: 2em;
}
@media(min-width: ' . $tablet_breakpoint . 'px) {
.ast-page-builder-template.archive.ast-right-sidebar .ast-row article, .ast-page-builder-template.archive.ast-left-sidebar .ast-row article {
padding-left: 0;
padding-right: 0;
}
}
';
}
/** @psalm-suppress InvalidScalarArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
if ( false === astra_get_option( 'improve-gb-editor-ui', true ) ) {
/** @psalm-suppress InvalidScalarArgument */ // phpcs:ignore Generic.Commenting.DocComment.MissingShort
$page_container_css .= '.ast-page-builder-template.ast-no-sidebar .entry-content .alignwide {
margin-left: 0;
margin-right: 0;
}';
}
return Astra_Enqueue_Scripts::trim_css( $page_container_css );
}
return $page_container_css;
}
comments-flex.php 0000644 00000046564 15006153153 0010054 0 ustar 00 <?php
/**
* Comments - Dynamic CSS
*
* @package astra-builder
* @since 3.2.0
*/
if ( ! defined( 'ABSPATH' ) ) {
exit; // Exit if accessed directly.
}
add_filter( 'astra_dynamic_theme_css', 'astra_comments_css', 11 );
/**
* Comments - Dynamic CSS
*
* @param string $dynamic_css Astra Dynamic CSS.
* @return String Generated dynamic CSS for Pagination.
*
* @since 3.2.0
*/
function astra_comments_css( $dynamic_css ) {
if ( astra_check_current_post_comment_enabled() || 0 < get_comments_number() ) {
$body_font_size = astra_get_option( 'font-size-body' );
$theme_color = astra_get_option( 'theme-color' );
$link_color = astra_get_option( 'link-color', $theme_color );
$is_site_rtl = is_rtl();
$reply_title_space_threshold = Astra_Dynamic_CSS::astra_4_4_0_compatibility() ? 1.3 : 1.66666;
if ( is_array( $body_font_size ) ) {
$body_font_size_desktop = ( isset( $body_font_size['desktop'] ) && '' != $body_font_size['desktop'] ) ? $body_font_size['desktop'] : 15;
} else {
$body_font_size_desktop = ( '' != $body_font_size ) ? $body_font_size : 15;
}
$desktop_comment_global = array(
'.comment-reply-title' => array(
'font-size' => astra_get_font_css_value( (int) $body_font_size_desktop * $reply_title_space_threshold ),
),
// Single Post Meta.
'.ast-comment-meta' => array(
'line-height' => '1.666666667',
'color' => esc_attr( $link_color ),
'font-size' => astra_get_font_css_value( (int) $body_font_size_desktop * 0.8571428571 ),
),
'.ast-comment-list #cancel-comment-reply-link' => array(
'font-size' => astra_responsive_font( $body_font_size, 'desktop' ),
),
);
$dynamic_css .= astra_parse_css( $desktop_comment_global );
$update_customizer_strctural_defaults = ( true === astra_check_is_structural_setup() );
$padding_comment_title = $update_customizer_strctural_defaults ? '1em 0 0' : '2em 0';
$padding_ast_comment = $update_customizer_strctural_defaults ? '0' : '1em 0';
$padding_ast_comment_list = $update_customizer_strctural_defaults ? '0' : '0.5em';
$border_color = astra_get_option( 'border-color' );
$blog_improvements = Astra_Dynamic_CSS::astra_4_6_0_compatibility();
$comments_title_css = $blog_improvements ? 'font-weight: 600; padding-bottom: 1em;' : 'font-weight: normal;';
$single_post_comment_css = '.comments-title {
padding: ' . esc_attr( $padding_comment_title ) . ';
}
.comments-title {
word-wrap: break-word;
' . $comments_title_css . '
}
.ast-comment-list {
margin: 0;
word-wrap: break-word;
padding-bottom: ' . esc_attr( $padding_ast_comment_list ) . ';
list-style: none;
}
.ast-comment-list li {
list-style: none;
}
.ast-comment-list .ast-comment-edit-reply-wrap {
-js-display: flex;
display: flex;
justify-content: flex-end;
}
.ast-comment-list .comment-awaiting-moderation {
margin-bottom: 0;
}
.ast-comment {
padding: ' . esc_attr( $padding_ast_comment ) . ' ;
}
.ast-comment-info img {
border-radius: 50%;
}
.ast-comment-cite-wrap cite {
font-style: normal;
}
.comment-reply-title {
font-weight: ' . esc_attr( Astra_Dynamic_CSS::astra_4_4_0_compatibility() ? '600' : 'normal' ) . ';
line-height: 1.65;
}
.ast-comment-meta {
margin-bottom: 0.5em;
}
.comments-area .comment-form-comment {
width: 100%;
border: none;
margin: 0;
padding: 0;
}
.comments-area .comment-notes,
.comments-area .comment-textarea,
.comments-area .form-allowed-tags {
margin-bottom: 1.5em;
}
.comments-area .form-submit {
margin-bottom: 0;
}
.comments-area textarea#comment,
.comments-area .ast-comment-formwrap input[type="text"] {
width: 100%;
border-radius: 0;
vertical-align: middle;
margin-bottom: 10px;
}
.comments-area .no-comments {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.comments-area p.logged-in-as {
margin-bottom: 1em;
}
.ast-separate-container .ast-comment-list {
padding-bottom: 0;
}
.ast-separate-container .ast-comment-list li.depth-1 .children li, .ast-narrow-container .ast-comment-list li.depth-1 .children li {
padding-bottom: 0;
padding-top: 0;
margin-bottom: 0;
}
.ast-separate-container .ast-comment-list .comment-respond {
padding-top: 0;
padding-bottom: 1em;
background-color: transparent;
}
.ast-comment-list .comment .comment-respond {
padding-bottom: 2em;
border-bottom: none;
}
.ast-separate-container .ast-comment-list .bypostauthor, .ast-narrow-container .ast-comment-list .bypostauthor {
padding: 2em;
margin-bottom: 1em;
}
.ast-separate-container .ast-comment-list .bypostauthor li, .ast-narrow-container .ast-comment-list .bypostauthor li {
background: transparent;
margin-bottom: 0;
padding: 0 0 0 2em;
}
.comment-content a {
word-wrap: break-word;
}
.comment-form-legend {
margin-bottom: unset;
padding: 0 0.5em;
}';
if ( Astra_Dynamic_CSS::astra_4_6_0_compatibility() ) {
$single_post_comment_css .= '
.comment-reply-title {
padding-top: 0;
margin-bottom: 1em;
}
.ast-comment {
padding-top: 2.5em;
padding-bottom: 2.5em;
border-top: 1px solid var(--ast-single-post-border, var(--ast-border-color));
}
.ast-separate-container .ast-comment-list .comment + .comment,
.ast-narrow-container .ast-comment-list .comment + .comment {
padding-top: 0;
padding-bottom: 0;
}
';
$is_boxed = astra_is_content_style_boxed();
$content_layout = astra_get_content_layout();
$post_with_boxed_layout = ( 'plain-container' === $content_layout || 'narrow-container' === $content_layout ) && $is_boxed ? true : false;
if ( $post_with_boxed_layout && 'inside' !== astra_get_option( 'comments-box-placement', '' ) ) {
$single_post_comment_css .= '
.ast-separate-container .ast-comment-list li.depth-1, .ast-narrow-container .ast-comment-list li.depth-1 {
padding-left: 2.5em;
padding-right: 2.5em;
}
';
}
} else {
$single_post_comment_css .= '
.ast-separate-container .ast-comment-list .pingback p {
margin-bottom: 0;
}
.ast-separate-container .ast-comment-list li.depth-1, .ast-narrow-container .ast-comment-list li.depth-1 {
padding: 3em;
}
.ast-comment-list > .comment:last-child .ast-comment {
border: none;
}
.ast-separate-container .ast-comment-list .comment .comment-respond,
.ast-narrow-container .ast-comment-list .comment .comment-respond {
padding-bottom: 0;
}
.ast-separate-container .comment .comment-respond {
margin-top: 2em;
}
.ast-separate-container .ast-comment-list li.depth-1 .ast-comment,
.ast-separate-container .ast-comment-list li.depth-2 .ast-comment {
border-bottom: 0;
}
';
}
if ( false === $update_customizer_strctural_defaults ) {
$single_post_comment_css .= '.ast-separate-container .ast-comment-list li.depth-1 {
padding: 4em 6.67em;
margin-bottom: 2em;
}
@media (max-width: 1200px) {
.ast-separate-container .ast-comment-list li.depth-1 {
padding: 3em 3.34em;
}
}
.ast-separate-container .comment-respond {
background-color: #fff;
padding: 4em 6.67em;
border-bottom: 0;
}
@media (max-width: 1200px) {
.ast-separate-container .comment-respond {
padding: 3em 2.34em;
}
}
.ast-separate-container .comments-title {
background-color: #fff;
padding: 1.2em 3.99em 0;
}
';
} else {
$single_post_comment_css .= '
.ast-plain-container .ast-comment, .ast-page-builder-template .ast-comment {
padding: 2em 0;
}
.page.ast-page-builder-template .comments-area {
margin-top: 2em;
}
';
}
$content_layout = astra_get_content_layout();
$is_boxed = astra_is_content_style_boxed();
$is_sidebar_boxed = astra_is_sidebar_style_boxed();
$content_layout = astra_apply_boxed_layouts( $content_layout, $is_boxed, $is_sidebar_boxed );
if ( 'page-builder' == $content_layout || 'plain-container' == $content_layout ) {
$single_post_comment_css .= '
.ast-page-builder-template .comment-respond {
border-top: none;
padding-bottom: 2em;
}
';
if ( ! Astra_Dynamic_CSS::astra_4_6_0_compatibility() ) {
$single_post_comment_css .= '
.ast-plain-container .comment-reply-title {
padding-top: 1em;
}
';
}
}
if ( $is_site_rtl ) {
$single_post_comment_css .= '
.ast-comment-list .children {
margin-right: 2em;
}
@media (max-width: 992px) {
.ast-comment-list .children {
margin-right: 1em;
}
}
.ast-comment-list #cancel-comment-reply-link {
white-space: nowrap;
font-size: 13px;
font-weight: normal;
margin-right: 1em;
}
.ast-comment-meta {
justify-content: left;
padding: 0 3.4em 1.333em;
}
.ast-comment-time .timendate,
.ast-comment-time .reply {
margin-left: 0.5em;
}
.comments-area #wp-comment-cookies-consent {
margin-left: 10px;
}
.ast-page-builder-template .comments-area {
padding-right: 20px;
padding-left: 20px;
margin-top: 0;
margin-bottom: 2em;
}
.ast-separate-container .ast-comment-list .bypostauthor .bypostauthor {
background: transparent;
margin-bottom: 0;
padding-left: 0;
padding-bottom: 0;
padding-top: 0;
}';
} else {
$single_post_comment_css .= '
.ast-comment-list .children {
margin-left: 2em;
}
@media (max-width: 992px) {
.ast-comment-list .children {
margin-left: 1em;
}
}
.ast-comment-list #cancel-comment-reply-link {
white-space: nowrap;
font-size: 13px;
font-weight: normal;
margin-left: 1em;
}
.ast-comment-info {
display: flex;
position: relative;
}
.ast-comment-meta {
justify-content: right;
padding: 0 3.4em 1.60em;
}
.comments-area #wp-comment-cookies-consent {
margin-right: 10px;
}
.ast-page-builder-template .comments-area {
padding-left: 20px;
padding-right: 20px;
margin-top: 0;
margin-bottom: 2em;
}
.ast-separate-container .ast-comment-list .bypostauthor .bypostauthor {
background: transparent;
margin-bottom: 0;
padding-right: 0;
padding-bottom: 0;
padding-top: 0;
}';
}
$dynamic_css .= Astra_Enqueue_Scripts::trim_css( $single_post_comment_css );
$static_layout_css_min_comment = array(
'.ast-separate-container .ast-comment-list li .comment-respond' => array(
'padding-left' => '2.66666em',
'padding-right' => '2.66666em',
),
);
$dynamic_css .= astra_parse_css( $static_layout_css_min_comment, astra_get_tablet_breakpoint( '', '1' ) );
$global_button_comment_mobile = array(
'.ast-separate-container .ast-comment-list li.depth-1' => array(
'padding' => Astra_Dynamic_CSS::astra_4_6_0_compatibility() ? '' : '1.5em 1em',
'margin-bottom' => Astra_Dynamic_CSS::astra_4_4_0_compatibility() ? '0' : '1.5em',
),
'.ast-separate-container .ast-comment-list .bypostauthor' => array(
'padding' => '.5em',
),
'.ast-separate-container .comment-respond' => array(
'padding' => Astra_Dynamic_CSS::astra_4_6_0_compatibility() ? '' : '1.5em 1em',
),
// Single Post Meta.
'.ast-comment-meta' => array(
'font-size' => ! empty( $body_font_size['mobile'] ) ? astra_get_font_css_value( (int) $body_font_size['mobile'] * 0.8571428571, 'px', 'mobile' ) : '',
),
'.comment-reply-title' => array(
'font-size' => ! empty( $body_font_size['mobile'] ) ? astra_get_font_css_value( (int) $body_font_size['mobile'] * $reply_title_space_threshold, 'px', 'mobile' ) : '',
),
'.ast-comment-list #cancel-comment-reply-link' => array(
'font-size' => astra_responsive_font( $body_font_size, 'mobile' ),
),
'.ast-separate-container .ast-comment-list .bypostauthor li' => array(
'padding' => '0 0 0 .5em',
),
);
if ( $is_site_rtl ) {
$global_button_comment_mobile['.ast-comment-list .children'] = array(
'margin-right' => '0.66666em',
);
} else {
$global_button_comment_mobile['.ast-comment-list .children'] = array(
'margin-left' => '0.66666em',
);
}
$dynamic_css .= astra_parse_css( $global_button_comment_mobile, '', astra_get_mobile_breakpoint() );
$global_button_comment_tablet = array(
'.ast-comment-avatar-wrap img' => array(
'max-width' => '2.5em',
),
'.comments-area' => array(
'margin-top' => '1.5em',
),
'.ast-comment-meta' => array(
'padding' => '0 1.8888em 1.3333em',
'font-size' => ! empty( $body_font_size['tablet'] ) ? astra_get_font_css_value( (int) $body_font_size['tablet'] * 0.8571428571, 'px', 'tablet' ) : '',
),
'.ast-separate-container .ast-comment-list li.depth-1' => array(
'padding' => Astra_Dynamic_CSS::astra_4_6_0_compatibility() ? '' : '1.5em 2.14em',
),
'.ast-separate-container .comment-respond' => array(
'padding' => Astra_Dynamic_CSS::astra_4_6_0_compatibility() ? '' : '2em 2.14em',
),
'.comment-reply-title' => array(
'font-size' => ! empty( $body_font_size['tablet'] ) ? astra_get_font_css_value( (int) $body_font_size['tablet'] * $reply_title_space_threshold, 'px', 'tablet' ) : '',
),
'.ast-comment-list #cancel-comment-reply-link' => array(
'font-size' => astra_responsive_font( $body_font_size, 'tablet' ),
),
'.ast-comment-meta' => array(
'padding' => '0 1.8888em 1.3333em',
),
);
if ( false === $update_customizer_strctural_defaults ) {
$global_button_comment_tablet['.ast-separate-container .comments-title'] = array(
'padding' => '1.43em 1.48em',
);
}
if ( $is_site_rtl ) {
$global_button_comment_tablet['.ast-comment-avatar-wrap'] = array(
'margin-left' => '0.5em',
);
} else {
$global_button_comment_tablet['.ast-comment-avatar-wrap'] = array(
'margin-right' => '0.5em',
);
}
if ( Astra_Dynamic_CSS::astra_4_6_0_compatibility() ) {
$dynamic_css .= '
.ast-comment-cite-wrap cite {
font-weight: 600;
font-size: 1.2em;
}
.ast-comment-info img {
box-shadow: 0 0 5px 0 rgba(0,0,0,.15);
border: 1px solid var(--ast-single-post-border, var(--ast-border-color));
}
.ast-comment-info {
margin-bottom: 1em;
}
.logged-in span.ast-reply-link {
margin-right: 16px;
}
a.comment-edit-link, a.comment-reply-link {
font-size: 13px;
transition: all 0.2s;
}
header.ast-comment-meta {
text-transform: inherit;
}
.ast-page-builder-template .ast-comment-list .children {
margin-top: 0em;
}
.ast-page-builder-template .ast-comment-meta {
padding: 0 22px;
}
.ast-comment-content.comment p {
margin-bottom: 16px;
}
.ast-comment-list .ast-comment-edit-reply-wrap {
justify-content: flex-start;
align-items: center;
}
.comment-awaiting-moderation {
margin-top: 20px;
}
.entry-content ul li, .entry-content ol li {
margin-bottom: 10px;
}
.comment-respond {
padding-top: 2em;
padding-bottom: 2em;
}
.ast-comment-list + .comment-respond {
border-top: 1px solid var(--ast-single-post-border, var(--ast-border-color));
padding-bottom: 0;
}
.comment .comment-reply-title {
display: flex;
align-items: center;
justify-content: space-between;
}
@media(min-width: ' . strval( astra_get_mobile_breakpoint( '', 1 ) ) . 'px) {
header.ast-comment-meta {
display: flex;
width: 100%;
margin-bottom: 0;
padding-bottom: 0;
align-items: center;
}
a.comment-reply-link {
padding: 1px 10px;
display: block;
border-radius: 3px;
border: none;
}
.ast-separate-container .ast-comment-list li.depth-1, .ast-narrow-container .ast-comment-list li.depth-1 {
margin-bottom: 0;
}
.ast-comment-time {
display: flex;
margin-left: auto;
font-weight: 500;
}
section.ast-comment-content.comment {
padding-left: 50px;
}
.ast-comment .comment-reply-link:hover {
background: ' . astra_get_option( 'theme-color' ) . ';
color: #fff;
}
.ast-comment .comment-edit-link:hover {
text-decoration: underline;
}
svg.ast-reply-icon {
fill: currentColor;
margin-right: 5px;
padding-top: 2px;
transition: none;
}
.comment-reply-link:hover .ast-reply-icon {
fill: #fff;
}
}
@media(min-width: ' . strval( astra_get_tablet_breakpoint() ) . 'px) {
.ast-comment-cite-wrap {
margin-left: -7px;
}
section.ast-comment-content.comment {
padding-left: 70px;
}
}
';
if ( 'above' === astra_get_option( 'comment-form-position' ) ) {
$dynamic_css .= '
.comment-respond {
border-bottom: 1px solid var(--ast-single-post-border, var(--ast-border-color));
}
';
}
$comments_section_placement = astra_get_option( 'comments-box-placement', '' );
if ( 'inside' === $comments_section_placement ) {
$dynamic_css .= '
.site-content article .comment-respond {
padding-top: 1.5em;
}
';
}
} else {
$dynamic_css .= '
.ast-comment-time .timendate{
margin-right: 0.5em;
}
.ast-separate-container .comment-reply-title {
padding-top: 0;
}
.ast-comment-list .ast-edit-link {
flex: 1;
}
.comments-area {
border-top: 1px solid var(--ast-global-color-6);
margin-top: 2em;
}
.ast-separate-container .comments-area {
border-top: 0;
}
';
}
return $dynamic_css .= astra_parse_css( $global_button_comment_tablet, '', astra_get_tablet_breakpoint() );
}
return $dynamic_css;
}
pagination.php 0000644 00000021515 15006153153 0007411 0 ustar 00 <?php
/**
* Pagination - Dynamic CSS
*
* @package astra-builder
* @since 3.3.0
*/
if ( ! defined( 'ABSPATH' ) ) {
exit; // Exit if accessed directly.
}
add_filter( 'astra_dynamic_theme_css', 'astra_pagination_css', 11 );
/**
* Pagination - Dynamic CSS
*
* @param string $dynamic_css Astra Dynamic CSS.
* @return String Generated dynamic CSS for Pagination.
*
* @since 3.3.0
*/
function astra_pagination_css( $dynamic_css ) {
if ( astra_check_pagination_enabled() || false !== apply_filters( 'astra_enable_pagination_css', false ) ) {
$text_color = astra_get_option( 'text-color' );
$link_color = astra_get_option( 'link-color' );
$link_hover_color = astra_get_option( 'link-h-color' );
$pagination_color_output = array(
'.ast-pagination .next.page-numbers' => array(
'display' => 'inherit',
'float' => 'none',
),
'.ast-pagination a, .nav-links a' => array(
'color' => esc_attr( Astra_Dynamic_CSS::astra_4_6_0_compatibility() ? $text_color : $link_color ),
),
'.ast-pagination a:hover, .ast-pagination a:focus, .ast-pagination > span:hover:not(.dots), .ast-pagination > span.current' => array(
'color' => esc_attr( $link_hover_color ),
),
);
$dynamic_css .= astra_parse_css( $pagination_color_output );
$pagination_static_css = '
.ast-pagination .prev.page-numbers,
.ast-pagination .next.page-numbers {
padding: 0 1.5em;
height: 2.33333em;
line-height: calc(2.33333em - 3px);
}
.ast-pagination-default .ast-pagination .next.page-numbers {
padding-right: 0;
}
.ast-pagination-default .ast-pagination .prev.page-numbers {
padding-left: 0;
}
.ast-pagination-default .post-page-numbers.current .page-link, .ast-pagination-default .ast-pagination .page-numbers.current {
border-radius: 2px;
}
.ast-pagination {
display: inline-block;
width: 100%;
padding-top: 2em;
text-align: center;
}
.ast-pagination .page-numbers {
display: inline-block;
width: 2.33333em;
height: 2.33333em;
font-size: 16px;
font-size: 1.06666rem;
line-height: calc(2.33333em - 3px);
font-weight: 500;
}
.ast-pagination .nav-links {
display: inline-block;
width: 100%;
}
@media (max-width: 420px) {
.ast-pagination .prev.page-numbers,
.ast-pagination .next.page-numbers {
width: 100%;
text-align: center;
margin: 0;
}
.ast-pagination-circle .ast-pagination .next.page-numbers,
.ast-pagination-square .ast-pagination .next.page-numbers{
margin-top: 10px;
}
.ast-pagination-circle .ast-pagination .prev.page-numbers,
.ast-pagination-square .ast-pagination .prev.page-numbers{
margin-bottom: 10px;
}
}
.ast-pagination .prev,
.ast-pagination .prev:visited,
.ast-pagination .prev:focus,
.ast-pagination .next,
.ast-pagination .next:visited,
.ast-pagination .next:focus {
display: inline-block;
width: auto;
}
.ast-pagination .prev svg,
.ast-pagination .next svg{
height: 16px;
position: relative;
top: 0.2em;
}
.ast-pagination .prev svg {
margin-right: 0.3em;
}
.ast-pagination .next svg {
margin-left: 0.3em;
}
.ast-page-builder-template .ast-pagination {
padding: 2em;
}';
if ( ! Astra_Builder_Helper::apply_flex_based_css() ) {
$pagination_static_css .= '
.ast-pagination .prev.page-numbers.dots, .ast-pagination .prev.page-numbers.dots:hover, .ast-pagination .prev.page-numbers.dots:focus,
.ast-pagination .prev.page-numbers:visited.dots,
.ast-pagination .prev.page-numbers:visited.dots:hover,
.ast-pagination .prev.page-numbers:visited.dots:focus,
.ast-pagination .prev.page-numbers:focus.dots,
.ast-pagination .prev.page-numbers:focus.dots:hover,
.ast-pagination .prev.page-numbers:focus.dots:focus,
.ast-pagination .next.page-numbers.dots,
.ast-pagination .next.page-numbers.dots:hover,
.ast-pagination .next.page-numbers.dots:focus,
.ast-pagination .next.page-numbers:visited.dots,
.ast-pagination .next.page-numbers:visited.dots:hover,
.ast-pagination .next.page-numbers:visited.dots:focus,
.ast-pagination .next.page-numbers:focus.dots,
.ast-pagination .next.page-numbers:focus.dots:hover,
.ast-pagination .next.page-numbers:focus.dots:focus {
border: 2px solid #eaeaea;
background: transparent;
}
.ast-pagination .prev.page-numbers.dots,
.ast-pagination .prev.page-numbers:visited.dots,
.ast-pagination .prev.page-numbers:focus.dots,
.ast-pagination .next.page-numbers.dots,
.ast-pagination .next.page-numbers:visited.dots,
.ast-pagination .next.page-numbers:focus.dots {
cursor: default;
}';
}
if ( is_rtl() ) {
$pagination_static_css .= '
.ast-pagination-default .ast-pagination .next.page-numbers {
padding-left: 0;
}
.ast-pagination-default .ast-pagination .prev.page-numbers {
padding-right: 0;
}
.ast-pagination .prev svg {
margin-left: 0.3em;
}
.ast-pagination .next svg {
margin-right: 0.3em;
}
@media (min-width: 993px) {
.ast-pagination {
padding-right: 3.33333em;
padding-left: 3.33333em;
}
.ast-pagination .prev.page-numbers {
float: right;
}
.ast-pagination .next.page-numbers {
float: left;
text-align: left;
}
@media (max-width: 768px) {
.ast-pagination .next.page-numbers .page-navigation {
padding-left: 0;
}
}';
if ( ! Astra_Builder_Helper::apply_flex_based_css() ) {
$pagination_static_css .= '
@media (min-width: 769px) {
.ast-pagination .prev.page-numbers.next,
.ast-pagination .prev.page-numbers:visited.next,
.ast-pagination .prev.page-numbers:focus.next,
.ast-pagination .next.page-numbers.next,
.ast-pagination .next.page-numbers:visited.next,
.ast-pagination .next.page-numbers:focus.next {
margin-left: 0;
}
}';
}
} else {
$pagination_static_css .= '
.ast-pagination .prev.page-numbers {
float: left;
}
.ast-pagination .next.page-numbers {
float: right;
}
@media (max-width: 768px) {
.ast-pagination .next.page-numbers .page-navigation {
padding-right: 0;
}
}';
if ( ! Astra_Builder_Helper::apply_flex_based_css() ) {
$pagination_static_css .= '
@media (min-width: 769px) {
.ast-pagination .prev.page-numbers.next,
.ast-pagination .prev.page-numbers:visited.next,
.ast-pagination .prev.page-numbers:focus.next,
.ast-pagination .next.page-numbers.next,
.ast-pagination .next.page-numbers:visited.next,
.ast-pagination .next.page-numbers:focus.next {
margin-right: 0;
}
}';
}
}
$css_output_mobile = array(
'.ast-pagination .next:focus, .ast-pagination .prev:focus' => array(
'width' => '100% !important',
),
);
$dynamic_css .= astra_parse_css( $css_output_mobile, '', astra_get_mobile_breakpoint() );
return $dynamic_css .= Astra_Enqueue_Scripts::trim_css( $pagination_static_css );
}
return $dynamic_css;
}
single-post.php 0000644 00000004063 15006153153 0007523 0 ustar 00 <?php
/**
* Single Post UI Improvement - Dynamic CSS
*
* @package astra-builder
* @since 4.6.0
*/
if ( ! defined( 'ABSPATH' ) ) {
exit; // Exit if accessed directly.
}
if ( apply_filters( 'astra_improvise_single_post_design', Astra_Dynamic_CSS::astra_4_6_0_compatibility() && is_single() ) ) {
add_filter( 'astra_dynamic_theme_css', 'astra_single_post_css', 11 );
}
/**
* Single Post UI Improvement - Dynamic CSS
*
* @param string $dynamic_css Astra Dynamic CSS.
* @return String Generated dynamic CSS for Pagination.
*
* @since 4.6.0
*/
function astra_single_post_css( $dynamic_css ) {
$is_boxed = astra_is_content_style_boxed();
$content_layout = astra_get_content_layout();
$post_with_unboxed_layout = ( 'plain-container' === $content_layout || 'narrow-container' === $content_layout ) && ! $is_boxed ? true : false;
$static_css = '
:root {
--ast-single-post-border: #e1e8ed;
}
.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
margin-top: 1.5em;
margin-bottom: calc(0.3em + 10px);
}
code, kbd, samp {
background: var(--ast-code-block-background);
padding: 3px 6px;
}
.ast-row.comment-textarea fieldset.comment-form-comment {
border: none;
padding: unset;
margin-bottom: 1.5em;
}
.entry-content > * {
margin-bottom: 1.5em;
}
.entry-content .wp-block-image,
.entry-content .wp-block-embed {
margin-top: 2em;
margin-bottom: 3em;
}
';
if ( $post_with_unboxed_layout ) {
$static_css .= '
:root {
--ast-single-post-nav-padding: 4em 0 0;
}
.ast-single-post .ast-post-format-content {
max-width: 100%;
}
.post-navigation + .comments-area {
border-top: none;
padding-top: 5em;
}
';
} else {
$nav_padding = astra_check_current_post_comment_enabled() || 0 < get_comments_number() ? '3em 0 1em' : '3em 0 0';
$static_css .= '
:root {
--ast-single-post-nav-padding: ' . $nav_padding . ';
}
';
}
$dynamic_css .= Astra_Enqueue_Scripts::trim_css( $static_css );
return $dynamic_css;
}
comments.php 0000644 00000031700 15006153153 0007102 0 ustar 00 <?php
/**
* Comments - Dynamic CSS
*
* @package astra-builder
* @since 3.2.0
*/
if ( ! defined( 'ABSPATH' ) ) {
exit; // Exit if accessed directly.
}
add_filter( 'astra_dynamic_theme_css', 'astra_comments_css', 11 );
/**
* Comments - Dynamic CSS
*
* @param string $dynamic_css Astra Dynamic CSS.
* @return String Generated dynamic CSS for Pagination.
*
* @since 3.2.0
*/
function astra_comments_css( $dynamic_css ) {
if ( astra_check_current_post_comment_enabled() || 0 < get_comments_number() ) {
$body_font_size = astra_get_option( 'font-size-body' );
$theme_color = astra_get_option( 'theme-color' );
$link_color = astra_get_option( 'link-color', $theme_color );
$is_site_rtl = is_rtl();
$border_color = astra_get_option( 'border-color' );
if ( is_array( $body_font_size ) ) {
$body_font_size_desktop = ( isset( $body_font_size['desktop'] ) && '' != $body_font_size['desktop'] ) ? $body_font_size['desktop'] : 15;
} else {
$body_font_size_desktop = ( '' != $body_font_size ) ? $body_font_size : 15;
}
$desktop_comment_global = array(
'.comment-reply-title' => array(
'font-size' => astra_get_font_css_value( (int) $body_font_size_desktop * 1.66666 ),
),
// Single Post Meta.
'.ast-comment-meta' => array(
'line-height' => '1.666666667',
'color' => esc_attr( $link_color ),
'font-size' => astra_get_font_css_value( (int) $body_font_size_desktop * 0.8571428571 ),
),
'.ast-comment-list #cancel-comment-reply-link' => array(
'font-size' => astra_responsive_font( $body_font_size, 'desktop' ),
),
);
$dynamic_css .= astra_parse_css( $desktop_comment_global );
$update_customizer_defaults = ( true === astra_check_is_structural_setup() );
$padding_comment_title = $update_customizer_defaults ? '1em 0 0' : '2em 0';
$padding_ast_comment = $update_customizer_defaults ? '2em 0' : '1em 0';
$padding_ast_comment_list = $update_customizer_defaults ? '0' : '0.5em';
$single_post_comment_css = '.comments-count-wrapper {
padding: ' . esc_attr( $padding_comment_title ) . ';
}
.comments-count-wrapper .comments-title {
font-weight: normal;
word-wrap: break-word;
}
.ast-comment-list {
margin: 0;
word-wrap: break-word;
padding-bottom: ' . esc_attr( $padding_ast_comment_list ) . ';
list-style: none;
}
.site-content article .comments-area {
border-top: 1px solid var(--ast-single-post-border,var(--ast-border-color));
}
.ast-comment-list li {
list-style: none;
}
.ast-comment-list li.depth-1 .ast-comment,
.ast-comment-list li.depth-2 .ast-comment {
border-bottom: 1px solid #eeeeee;
}
.ast-comment-list .comment-respond {
padding: 1em 0;
border-bottom: 1px solid ' . esc_attr( $border_color ) . ';
}
.ast-comment-list .comment-respond .comment-reply-title {
margin-top: 0;
padding-top: 0;
}
.ast-comment-list .comment-respond p {
margin-bottom: .5em;
}
.ast-comment-list .ast-comment-edit-reply-wrap {
-js-display: flex;
display: flex;
justify-content: flex-end;
}
.ast-comment-list .ast-edit-link {
flex: 1;
}
.ast-comment-list .comment-awaiting-moderation {
margin-bottom: 0;
}
.ast-comment {
padding: ' . esc_attr( $padding_ast_comment ) . ' ;
}
.ast-comment-avatar-wrap img {
border-radius: 50%;
}
.ast-comment-content {
clear: both;
}
.ast-comment-cite-wrap {
text-align: left;
}
.ast-comment-cite-wrap cite {
font-style: normal;
}
.comment-reply-title {
padding-top: 1em;
font-weight: normal;
line-height: 1.65;
}
.ast-comment-meta {
margin-bottom: 0.5em;
}
.comments-area {
border-top: 1px solid #eeeeee;
margin-top: 2em;
}
.comments-area .comment-form-comment {
width: 100%;
border: none;
margin: 0;
padding: 0;
}
.comments-area .comment-notes,
.comments-area .comment-textarea,
.comments-area .form-allowed-tags {
margin-bottom: 1.5em;
}
.comments-area .form-submit {
margin-bottom: 0;
}
.comments-area textarea#comment,
.comments-area .ast-comment-formwrap input[type="text"] {
width: 100%;
border-radius: 0;
vertical-align: middle;
margin-bottom: 10px;
}
.comments-area .no-comments {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.comments-area p.logged-in-as {
margin-bottom: 1em;
}
.ast-separate-container .comments-count-wrapper {
background-color: #fff;
padding: 2em 6.67em 0;
}
@media (max-width: 1200px) {
.ast-separate-container .comments-count-wrapper {
padding: 2em 3.34em;
}
}
.ast-separate-container .comments-area {
border-top: 0;
}
.ast-separate-container .ast-comment-list {
padding-bottom: 0;
}
.ast-separate-container .ast-comment-list li {
background-color: #fff;
}
.ast-separate-container .ast-comment-list li.depth-1 .children li {
padding-bottom: 0;
padding-top: 0;
margin-bottom: 0;
}
.ast-separate-container .ast-comment-list li.depth-1 .ast-comment,
.ast-separate-container .ast-comment-list li.depth-2 .ast-comment {
border-bottom: 0;
}
.ast-separate-container .ast-comment-list .comment-respond {
padding-top: 0;
padding-bottom: 1em;
background-color: transparent;
}
.ast-separate-container .ast-comment-list .pingback p {
margin-bottom: 0;
}
.ast-separate-container .ast-comment-list .bypostauthor {
padding: 2em;
margin-bottom: 1em;
}
.ast-separate-container .ast-comment-list .bypostauthor li {
background: transparent;
margin-bottom: 0;
padding: 0 0 0 2em;
}
.ast-separate-container .comment-reply-title {
padding-top: 0;
}
.comment-content a {
word-wrap: break-word;
}
.comment-form-legend {
margin-bottom: unset;
padding: 0 0.5em;
}';
if ( false === $update_customizer_defaults ) {
$single_post_comment_css .= '.ast-separate-container .ast-comment-list li.depth-1 {
padding: 4em 6.67em;
margin-bottom: 2em;
}
@media (max-width: 1200px) {
.ast-separate-container .ast-comment-list li.depth-1 {
padding: 3em 3.34em;
}
}
.ast-separate-container .comment-respond {
background-color: #fff;
padding: 4em 6.67em;
border-bottom: 0;
}
@media (max-width: 1200px) {
.ast-separate-container .comment-respond {
padding: 3em 2.34em;
}
}
';
} else {
$single_post_comment_css .= '
.page.ast-page-builder-template .comments-area {
margin-top: 2em;
}
';
}
if ( $is_site_rtl ) {
$single_post_comment_css .= '
.ast-comment-list .children {
margin-right: 2em;
}
@media (max-width: 992px) {
.ast-comment-list .children {
margin-right: 1em;
}
}
.ast-comment-list #cancel-comment-reply-link {
white-space: nowrap;
font-size: 15px;
font-size: 1rem;
margin-right: 1em;
}
.ast-comment-avatar-wrap {
float: right;
clear: left;
margin-left: 1.33333em;
}
.ast-comment-meta-wrap {
float: right;
clear: left;
padding: 0 0 1.33333em;
}
.ast-comment-time .timendate,
.ast-comment-time .reply {
margin-left: 0.5em;
}
.comments-area #wp-comment-cookies-consent {
margin-left: 10px;
}
.ast-page-builder-template .comments-area {
padding-right: 20px;
padding-left: 20px;
margin-top: 0;
margin-bottom: 2em;
}
.ast-separate-container .ast-comment-list .bypostauthor .bypostauthor {
background: transparent;
margin-bottom: 0;
padding-left: 0;
padding-bottom: 0;
padding-top: 0;
}';
} else {
$single_post_comment_css .= '
.ast-comment-list .children {
margin-left: 2em;
}
@media (max-width: 992px) {
.ast-comment-list .children {
margin-left: 1em;
}
}
.ast-comment-list #cancel-comment-reply-link {
white-space: nowrap;
font-size: 15px;
font-size: 1rem;
margin-left: 1em;
}
.ast-comment-avatar-wrap {
float: left;
clear: right;
margin-right: 1.33333em;
}
.ast-comment-meta-wrap {
float: left;
clear: right;
padding: 0 0 1.33333em;
}
.ast-comment-time .timendate,
.ast-comment-time .reply {
margin-right: 0.5em;
}
.comments-area #wp-comment-cookies-consent {
margin-right: 10px;
}
.ast-page-builder-template .comments-area {
padding-left: 20px;
padding-right: 20px;
margin-top: 0;
margin-bottom: 2em;
}
.ast-separate-container .ast-comment-list .bypostauthor .bypostauthor {
background: transparent;
margin-bottom: 0;
padding-right: 0;
padding-bottom: 0;
padding-top: 0;
}';
}
$dynamic_css .= Astra_Enqueue_Scripts::trim_css( $single_post_comment_css );
$static_layout_css_min_comment = array(
'.ast-separate-container .ast-comment-list li .comment-respond' => array(
'padding-left' => '2.66666em',
'padding-right' => '2.66666em',
),
);
$dynamic_css .= astra_parse_css( $static_layout_css_min_comment, astra_get_tablet_breakpoint( '', '1' ) );
$global_button_comment_mobile = array(
'.ast-separate-container .comments-count-wrapper' => array(
'padding' => '1.5em 1em',
),
'.ast-separate-container .ast-comment-list li.depth-1' => array(
'padding' => '1.5em 1em',
'margin-bottom' => '1.5em',
),
'.ast-separate-container .ast-comment-list .bypostauthor' => array(
'padding' => '.5em',
),
'.ast-separate-container .comment-respond' => array(
'padding' => '1.5em 1em',
),
// Single Post Meta.
'.ast-comment-meta' => array(
'font-size' => ! empty( $body_font_size['mobile'] ) ? astra_get_font_css_value( (int) $body_font_size['mobile'] * 0.8571428571, 'px', 'mobile' ) : '',
),
'.comment-reply-title' => array(
'font-size' => ! empty( $body_font_size['mobile'] ) ? astra_get_font_css_value( (int) $body_font_size['mobile'] * 1.66666, 'px', 'mobile' ) : '',
),
'.ast-comment-list #cancel-comment-reply-link' => array(
'font-size' => astra_responsive_font( $body_font_size, 'mobile' ),
),
'.ast-separate-container .ast-comment-list .bypostauthor li' => array(
'padding' => '0 0 0 .5em',
),
);
if ( $is_site_rtl ) {
$global_button_comment_mobile['.ast-comment-list .children'] = array(
'margin-right' => '0.66666em',
);
} else {
$global_button_comment_mobile['.ast-comment-list .children'] = array(
'margin-left' => '0.66666em',
);
}
$dynamic_css .= astra_parse_css( $global_button_comment_mobile, '', astra_get_mobile_breakpoint() );
$global_button_comment_tablet = array(
'.ast-comment-avatar-wrap img' => array(
'max-width' => '2.5em',
),
'.comments-area' => array(
'margin-top' => '1.5em',
),
'.ast-separate-container .comments-count-wrapper' => array(
'padding' => '2em 2.14em',
),
'.ast-separate-container .ast-comment-list li.depth-1' => array(
'padding' => '1.5em 2.14em',
),
'.ast-separate-container .comment-respond' => array(
'padding' => '2em 2.14em',
),
// Single Post Meta.
'.ast-comment-meta' => array(
'font-size' => ! empty( $body_font_size['tablet'] ) ? astra_get_font_css_value( (int) $body_font_size['tablet'] * 0.8571428571, 'px', 'tablet' ) : '',
),
'.comment-reply-title' => array(
'font-size' => ! empty( $body_font_size['tablet'] ) ? astra_get_font_css_value( (int) $body_font_size['tablet'] * 1.66666, 'px', 'tablet' ) : '',
),
'.ast-comment-list #cancel-comment-reply-link' => array(
'font-size' => astra_responsive_font( $body_font_size, 'tablet' ),
),
);
$dynamic_css .= astra_parse_css( $global_button_comment_tablet, '', astra_get_tablet_breakpoint() );
if ( $is_site_rtl ) {
$global_button_tablet_lang_direction_css = array(
'.ast-comment-avatar-wrap' => array(
'margin-left' => '0.5em',
),
);
} else {
$global_button_tablet_lang_direction_css = array(
'.ast-comment-avatar-wrap' => array(
'margin-right' => '0.5em',
),
);
}
return $dynamic_css .= astra_parse_css( $global_button_tablet_lang_direction_css, '', astra_get_tablet_breakpoint() );
}
return $dynamic_css;
}