Initial unmodified import from Astra (Version: 3.6.5) @ /wp-content/themes/astra/.

1 files changed, 405 insertions, 0 deletions

diff --git a/inc/dynamic-css/comments-flex.php b/inc/dynamic-css/comments-flex.php
new file mode 100644
index 0000000..a905e6a
--- /dev/null
+++ b/inc/dynamic-css/comments-flex.php
@@ -0,0 +1,405 @@
+<?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;
+}