<?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 ( is_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();
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 );
$single_post_comment_css = '.comments-title {
padding: 2em 0;
}
.comments-title {
font-weight: normal;
word-wrap: break-word;
}
.ast-comment-list {
margin: 0;
word-wrap: break-word;
padding-bottom: 0.5em;
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 .ast-edit-link {
flex: 1;
}
.ast-comment-list .comment-awaiting-moderation {
margin-bottom: 0;
}
.ast-comment {
padding: 1em 0;
}
.ast-comment-info img {
border-radius: 50%;
}
.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-title {
background-color: #fff;
padding: 1.2em 3.99em 0;
}
.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 {
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 .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-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 .comment-reply-title {
padding-top: 0;
}
.comment-content a {
word-wrap: break-word;
}';
if ( 'page-builder' == astra_get_content_layout() || 'plain-container' == astra_get_content_layout() ) {
$single_post_comment_css .= '
.ast-comment-list li.depth-1 .ast-comment,
.ast-comment-list li.depth-2 .ast-comment {
border-bottom: 1px solid #eeeeee;
}';
}
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-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: 15px;
font-size: 1rem;
margin-left: 1em;
}
.ast-comment-info {
display: flex;
position: relative;
}
.ast-comment-meta {
justify-content: right;
padding: 0 3.4em 1.60em;
}
.ast-comment-time .timendate{
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 .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-title' => array(
'padding' => '1.43em 1.48em',
),
'.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' => '1.5em 2.14em',
),
'.ast-separate-container .comment-respond' => array(
'padding' => '2em 2.14em',
),
'.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' ),
),
'.ast-comment-meta' => array(
'padding' => '0 1.8888em 1.3333em',
),
);
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',
);
}
return $dynamic_css .= astra_parse_css( $global_button_comment_tablet, '', astra_get_tablet_breakpoint() );
}
return $dynamic_css;
}
