diff options
Diffstat (limited to 'inc/core/class-gutenberg-editor-css.php')
| -rw-r--r-- | inc/core/class-gutenberg-editor-css.php | 2232 |
1 files changed, 1116 insertions, 1116 deletions
diff --git a/inc/core/class-gutenberg-editor-css.php b/inc/core/class-gutenberg-editor-css.php index c77182b..6a681b4 100644 --- a/inc/core/class-gutenberg-editor-css.php +++ b/inc/core/class-gutenberg-editor-css.php @@ -1,1116 +1,1116 @@ -<?php
-/**
- * Gutenberg Editor CSS
- *
- * @link https://developer.wordpress.org/themes/basics/theme-functions/
- *
- * @package Astra
- * @author Astra
- * @copyright Copyright (c) 2020, Astra
- * @link http://wpastra.com/
- * @since Astra 1.0
- */
-
-if ( ! defined( 'ABSPATH' ) ) {
- exit; // Exit if accessed directly.
-}
-
-if ( ! class_exists( 'Gutenberg_Editor_CSS' ) ) :
-
- /**
- * Admin Helper
- */
- class Gutenberg_Editor_CSS {
-
- /**
- * Get dynamic CSS required for the block editor to make editing experience similar to how it looks on frontend.
- *
- * @return String CSS to be loaded in the editor interface.
- */
- public static function get_css() {
- global $pagenow;
- global $post;
- $post_id = astra_get_post_id();
- $is_site_rtl = is_rtl();
-
- $site_content_width = astra_get_option( 'site-content-width', 1200 ) + 56;
- $headings_font_family = astra_get_option( 'headings-font-family' );
- $headings_font_weight = astra_get_option( 'headings-font-weight' );
- $headings_text_transform = astra_get_option( 'headings-text-transform' );
- $headings_line_height = astra_get_option( 'headings-line-height' );
- $single_post_title_font_size = astra_get_option( 'font-size-entry-title' );
- $body_font_family = astra_body_font_family();
- $para_margin_bottom = astra_get_option( 'para-margin-bottom' );
- $theme_color = astra_get_option( 'theme-color' );
- $link_color = astra_get_option( 'link-color', $theme_color );
- $heading_base_color = astra_get_option( 'heading-base-color' );
-
- $highlight_theme_color = astra_get_foreground_color( $theme_color );
-
- $body_font_weight = astra_get_option( 'body-font-weight' );
- $body_font_size = astra_get_option( 'font-size-body' );
- $body_line_height = astra_get_option( 'body-line-height' );
- $body_text_transform = astra_get_option( 'body-text-transform' );
- $box_bg_obj = astra_get_option( 'site-layout-outside-bg-obj-responsive' );
- $text_color = astra_get_option( 'text-color' );
-
- $heading_h1_font_size = astra_get_option( 'font-size-h1' );
- $heading_h2_font_size = astra_get_option( 'font-size-h2' );
- $heading_h3_font_size = astra_get_option( 'font-size-h3' );
- $heading_h4_font_size = astra_get_option( 'font-size-h4' );
- $heading_h5_font_size = astra_get_option( 'font-size-h5' );
- $heading_h6_font_size = astra_get_option( 'font-size-h6' );
-
- /**
- * WooCommerce Grid Products compatibility.
- */
- $link_h_color = astra_get_option( 'link-h-color' );
- $btn_color = astra_get_option( 'button-color' );
- $btn_bg_color = astra_get_option( 'button-bg-color', '', $theme_color );
- $btn_h_color = astra_get_option( 'button-h-color' );
- $btn_bg_h_color = astra_get_option( 'button-bg-h-color', '', $link_h_color );
- $btn_border_radius = astra_get_option( 'button-radius' );
- $theme_btn_padding = astra_get_option( 'theme-button-padding' );
-
- /**
- * Button theme compatibility.
- */
- $global_custom_button_border_size = astra_get_option( 'theme-button-border-group-border-size' );
- $btn_border_color = astra_get_option( 'theme-button-border-group-border-color' );
- $btn_border_h_color = astra_get_option( 'theme-button-border-group-border-h-color' );
-
- /**
- * Theme Button Typography
- */
- $theme_btn_font_family = astra_get_option( 'font-family-button' );
- $theme_btn_font_size = astra_get_option( 'font-size-button' );
- $theme_btn_font_weight = astra_get_option( 'font-weight-button' );
- $theme_btn_text_transform = astra_get_option( 'text-transform-button' );
- $theme_btn_line_height = astra_get_option( 'theme-btn-line-height' );
- $theme_btn_letter_spacing = astra_get_option( 'theme-btn-letter-spacing' );
-
- $h1_font_family = astra_get_option( 'font-family-h1' );
- $h1_font_weight = astra_get_option( 'font-weight-h1' );
- $h1_line_height = astra_get_option( 'line-height-h1' );
- $h1_text_transform = astra_get_option( 'text-transform-h1' );
-
- $h2_font_family = astra_get_option( 'font-family-h2' );
- $h2_font_weight = astra_get_option( 'font-weight-h2' );
- $h2_line_height = astra_get_option( 'line-height-h2' );
- $h2_text_transform = astra_get_option( 'text-transform-h2' );
-
- $h3_font_family = astra_get_option( 'font-family-h3' );
- $h3_font_weight = astra_get_option( 'font-weight-h3' );
- $h3_line_height = astra_get_option( 'line-height-h3' );
- $h3_text_transform = astra_get_option( 'text-transform-h3' );
-
- $single_post_title = astra_get_option( 'blog-single-post-structure' );
- $title_enabled_from_meta = get_post_meta( $post_id, 'site-post-title', true );
-
- $is_widget_title_support_font_weight = Astra_Dynamic_CSS::support_font_css_to_widget_and_in_editor();
- $font_weight_prop = ( $is_widget_title_support_font_weight ) ? 'inherit' : 'normal';
-
- // Fallback for H1 - headings typography.
- if ( 'inherit' == $h1_font_family ) {
- $h1_font_family = $headings_font_family;
- }
- if ( $font_weight_prop === $h1_font_weight ) {
- $h1_font_weight = $headings_font_weight;
- }
- if ( '' == $h1_text_transform ) {
- $h1_text_transform = $headings_text_transform;
- }
- if ( '' == $h1_line_height ) {
- $h1_line_height = $headings_line_height;
- }
-
- // Fallback for H2 - headings typography.
- if ( 'inherit' == $h2_font_family ) {
- $h2_font_family = $headings_font_family;
- }
- if ( $font_weight_prop === $h2_font_weight ) {
- $h2_font_weight = $headings_font_weight;
- }
- if ( '' == $h2_text_transform ) {
- $h2_text_transform = $headings_text_transform;
- }
- if ( '' == $h2_line_height ) {
- $h2_line_height = $headings_line_height;
- }
-
- // Fallback for H3 - headings typography.
- if ( 'inherit' == $h3_font_family ) {
- $h3_font_family = $headings_font_family;
- }
- if ( $font_weight_prop === $h3_font_weight ) {
- $h3_font_weight = $headings_font_weight;
- }
- if ( '' == $h3_text_transform ) {
- $h3_text_transform = $headings_text_transform;
- }
- if ( '' == $h3_line_height ) {
- $h3_line_height = $headings_line_height;
- }
-
- // Fallback for H4 - headings typography.
- $h4_line_height = $headings_line_height;
-
- // Fallback for H5 - headings typography.
- $h5_line_height = $headings_line_height;
-
- // Fallback for H6 - headings typography.
- $h6_line_height = $headings_line_height;
-
- if ( empty( $btn_color ) ) {
- $btn_color = astra_get_foreground_color( $theme_color );
- }
-
- if ( empty( $btn_h_color ) ) {
- $btn_h_color = astra_get_foreground_color( $link_h_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;
- }
-
- // check the selection color incase of empty/no theme color.
- $selection_text_color = ( 'transparent' === $highlight_theme_color ) ? '' : $highlight_theme_color;
-
- $css = '';
-
- $desktop_css = array(
- 'html' => array(
- 'font-size' => astra_get_font_css_value( (int) $body_font_size_desktop * 6.25, '%' ),
- ),
- 'a' => array(
- 'color' => esc_attr( $link_color ),
- ),
-
- // Global selection CSS.
- '.block-editor-block-list__layout .block-editor-block-list__block ::selection,.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected .editor-block-list__block-edit:before' => array(
- 'background-color' => esc_attr( $theme_color ),
- ),
- '.block-editor-block-list__layout .block-editor-block-list__block ::selection,.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected .editor-block-list__block-edit' => array(
- 'color' => esc_attr( $selection_text_color ),
- ),
- '.ast-separate-container .edit-post-visual-editor, .ast-page-builder-template .edit-post-visual-editor, .ast-plain-container .edit-post-visual-editor, .ast-separate-container #wpwrap #editor .edit-post-visual-editor' => astra_get_responsive_background_obj( $box_bg_obj, 'desktop' ),
- '.editor-post-title__block,.editor-default-block-appender,.block-editor-block-list__block' => array(
- 'max-width' => astra_get_css_value( $site_content_width, 'px' ),
- ),
- '.block-editor-block-list__block[data-align=wide]' => array(
- 'max-width' => astra_get_css_value( $site_content_width + 200, 'px' ),
- ),
- '.editor-post-title__block .editor-post-title__input, .edit-post-visual-editor .block-editor-block-list__block h1, .edit-post-visual-editor .block-editor-block-list__block h2, .edit-post-visual-editor .block-editor-block-list__block h3, .edit-post-visual-editor .block-editor-block-list__block h4, .edit-post-visual-editor .block-editor-block-list__block h5, .edit-post-visual-editor .block-editor-block-list__block h6' => array(
- 'font-family' => astra_get_css_value( $headings_font_family, 'font' ),
- 'font-weight' => astra_get_css_value( $headings_font_weight, 'font' ),
- 'text-transform' => esc_attr( $headings_text_transform ),
- ),
- '.edit-post-visual-editor h1, .edit-post-visual-editor h2, .edit-post-visual-editor h3, .edit-post-visual-editor h4, .edit-post-visual-editor h5, .edit-post-visual-editor h6' => array(
- 'line-height' => esc_attr( $headings_line_height ),
- ),
- '.edit-post-visual-editor.editor-styles-wrapper p,.block-editor-block-list__block p, .block-editor-block-list__layout, .editor-post-title' => array(
- 'font-size' => astra_responsive_font( $body_font_size, 'desktop' ),
- ),
- '.edit-post-visual-editor.editor-styles-wrapper p,.block-editor-block-list__block p, .wp-block-latest-posts a,.editor-default-block-appender textarea.editor-default-block-appender__content, .block-editor-block-list__block, .block-editor-block-list__block h1, .block-editor-block-list__block h2, .block-editor-block-list__block h3, .block-editor-block-list__block h4, .block-editor-block-list__block h5, .block-editor-block-list__block h6, .edit-post-visual-editor .editor-styles-wrapper' => array(
- 'font-family' => astra_get_font_family( $body_font_family ),
- 'font-weight' => esc_attr( $body_font_weight ),
- 'font-size' => astra_responsive_font( $body_font_size, 'desktop' ),
- 'line-height' => esc_attr( $body_line_height ),
- 'text-transform' => esc_attr( $body_text_transform ),
- 'margin-bottom' => astra_get_css_value( $para_margin_bottom, 'em' ),
- ),
- '.editor-post-title__block .editor-post-title__input' => array(
- 'font-family' => ( 'inherit' === $headings_font_family ) ? astra_get_font_family( $body_font_family ) : astra_get_font_family( $headings_font_family ),
- 'font-size' => astra_responsive_font( $single_post_title_font_size, 'desktop' ),
- 'font-weight' => 'normal',
- ),
- '.block-editor-block-list__block' => array(
- 'color' => esc_attr( $text_color ),
- ),
- /**
- * Content base heading color.
- */
- '.editor-post-title__block .editor-post-title__input, .wc-block-grid__product-title, .edit-post-visual-editor .block-editor-block-list__block h1, .edit-post-visual-editor .block-editor-block-list__block h2, .edit-post-visual-editor .block-editor-block-list__block h3, .edit-post-visual-editor .block-editor-block-list__block h4, .edit-post-visual-editor .block-editor-block-list__block h5, .edit-post-visual-editor .block-editor-block-list__block h6, .edit-post-visual-editor .wp-block-heading, .edit-post-visual-editor .wp-block-uagb-advanced-heading h1, .edit-post-visual-editor .wp-block-uagb-advanced-heading h2, .edit-post-visual-editor .wp-block-uagb-advanced-heading h3, .edit-post-visual-editor .wp-block-uagb-advanced-heading h4, .edit-post-visual-editor .wp-block-uagb-advanced-heading h5, .edit-post-visual-editor .wp-block-uagb-advanced-heading h6' => array(
- 'color' => esc_attr( $heading_base_color ),
- ),
- // Blockquote Text Color.
- 'blockquote' => array(
- 'color' => astra_adjust_brightness( $text_color, 75, 'darken' ),
- ),
- 'blockquote .editor-rich-text__tinymce a' => array(
- 'color' => astra_hex_to_rgba( $link_color, 1 ),
- ),
- 'blockquote' => array(
- 'border-color' => astra_hex_to_rgba( $link_color, 0.05 ),
- ),
- '.block-editor-block-list__block .wp-block-quote:not(.is-large):not(.is-style-large), .edit-post-visual-editor .wp-block-pullquote blockquote' => array(
- 'border-color' => astra_hex_to_rgba( $link_color, 0.15 ),
- ),
-
- // Heading H1 - H6 font size.
- '.edit-post-visual-editor .block-editor-block-list__block h1, .wp-block-heading h1, .wp-block-freeform.block-library-rich-text__tinymce h1, .edit-post-visual-editor .wp-block-heading h1, .wp-block-heading h1.editor-rich-text__tinymce, .editor-styles-wrapper .wp-block-uagb-advanced-heading h1, .edit-post-visual-editor h1.block-editor-block-list__block' => array(
- 'font-size' => astra_responsive_font( $heading_h1_font_size, 'desktop' ),
- 'font-family' => astra_get_css_value( $h1_font_family, 'font' ),
- 'font-weight' => astra_get_css_value( $h1_font_weight, 'font' ),
- 'line-height' => esc_attr( $h1_line_height ),
- 'text-transform' => esc_attr( $h1_text_transform ),
- ),
- '.edit-post-visual-editor .block-editor-block-list__block h2, .wp-block-heading h2, .wp-block-freeform.block-library-rich-text__tinymce h2, .edit-post-visual-editor .wp-block-heading h2, .wp-block-heading h2.editor-rich-text__tinymce, .editor-styles-wrapper .wp-block-uagb-advanced-heading h2, .edit-post-visual-editor h2.block-editor-block-list__block' => array(
- 'font-size' => astra_responsive_font( $heading_h2_font_size, 'desktop' ),
- 'font-family' => astra_get_css_value( $h2_font_family, 'font' ),
- 'font-weight' => astra_get_css_value( $h2_font_weight, 'font' ),
- 'line-height' => esc_attr( $h2_line_height ),
- 'text-transform' => esc_attr( $h2_text_transform ),
- ),
- '.edit-post-visual-editor .block-editor-block-list__block h3, .wp-block-heading h3, .wp-block-freeform.block-library-rich-text__tinymce h3, .edit-post-visual-editor .wp-block-heading h3, .wp-block-heading h3.editor-rich-text__tinymce, .editor-styles-wrapper .wp-block-uagb-advanced-heading h3, .edit-post-visual-editor h3.block-editor-block-list__block' => array(
- 'font-size' => astra_responsive_font( $heading_h3_font_size, 'desktop' ),
- 'font-family' => astra_get_css_value( $h3_font_family, 'font' ),
- 'font-weight' => astra_get_css_value( $h3_font_weight, 'font' ),
- 'line-height' => esc_attr( $h3_line_height ),
- 'text-transform' => esc_attr( $h3_text_transform ),
- ),
- '.edit-post-visual-editor .block-editor-block-list__block h4, .wp-block-heading h4, .wp-block-freeform.block-library-rich-text__tinymce h4, .edit-post-visual-editor .wp-block-heading h4, .wp-block-heading h4.editor-rich-text__tinymce, .editor-styles-wrapper .wp-block-uagb-advanced-heading h4, .edit-post-visual-editor h4.block-editor-block-list__block' => array(
- 'font-size' => astra_responsive_font( $heading_h4_font_size, 'desktop' ),
- 'line-height' => esc_attr( $h4_line_height ),
- ),
- '.edit-post-visual-editor .block-editor-block-list__block h5, .wp-block-heading h5, .wp-block-freeform.block-library-rich-text__tinymce h5, .edit-post-visual-editor .wp-block-heading h5, .wp-block-heading h5.editor-rich-text__tinymce, .editor-styles-wrapper .wp-block-uagb-advanced-heading h5, .edit-post-visual-editor h5.block-editor-block-list__block' => array(
- 'font-size' => astra_responsive_font( $heading_h5_font_size, 'desktop' ),
- 'line-height' => esc_attr( $h5_line_height ),
- ),
- '.edit-post-visual-editor .block-editor-block-list__block h6, .wp-block-heading h6, .wp-block-freeform.block-library-rich-text__tinymce h6, .edit-post-visual-editor .wp-block-heading h6, .wp-block-heading h6.editor-rich-text__tinymce, .editor-styles-wrapper .wp-block-uagb-advanced-heading h6, .edit-post-visual-editor h6.block-editor-block-list__block' => array(
- 'font-size' => astra_responsive_font( $heading_h6_font_size, 'desktop' ),
- 'line-height' => esc_attr( $h6_line_height ),
- ),
- /**
- * WooCommerce Grid Products compatibility.
- */
- '.wc-block-grid__product-title' => array(
- 'color' => esc_attr( $text_color ),
- ),
- '.wc-block-grid__product .wc-block-grid__product-onsale' => array(
- 'background-color' => $theme_color,
- 'color' => astra_get_foreground_color( $theme_color ),
- ),
- '.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wp-block-button__link, .wc-block-grid__product-onsale' => array(
- 'color' => $btn_color,
- 'border-color' => $btn_bg_color,
- 'background-color' => $btn_bg_color,
- ),
- '.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover' => array(
- 'color' => $btn_h_color,
- 'border-color' => $btn_bg_h_color,
- 'background-color' => $btn_bg_h_color,
- ),
- '.wc-block-grid__products .wc-block-grid__product .wp-block-button__link' => array(
- 'border-radius' => astra_get_css_value( $btn_border_radius, 'px' ),
- 'padding-top' => astra_responsive_spacing( $theme_btn_padding, 'top', 'desktop' ),
- 'padding-right' => astra_responsive_spacing( $theme_btn_padding, 'right', 'desktop' ),
- 'padding-bottom' => astra_responsive_spacing( $theme_btn_padding, 'bottom', 'desktop' ),
- 'padding-left' => astra_responsive_spacing( $theme_btn_padding, 'left', 'desktop' ),
- ),
- );
-
- if ( astra_wp_version_compare( '5.7', '>=' ) ) {
- $base_background_color = astra_get_responsive_background_obj( $box_bg_obj, 'desktop' );
- if ( empty( $base_background_color ) ) {
- $background_style_data = array(
- 'background-color' => '#ffffff',
- );
- } else {
- $background_style_data = $base_background_color;
- }
-
- $desktop_css['.edit-post-visual-editor'] = array(
- 'padding' => '20px',
- 'padding-top' => 'calc(2em + 20px)',
- );
- $desktop_css['.ast-page-builder-template .edit-post-visual-editor'] = array(
- 'padding' => '0',
- 'padding-top' => '2em',
- );
- $desktop_css['.ast-separate-container .editor-post-title'] = array(
- 'margin-top' => '0',
- );
- $desktop_css['.editor-styles-wrapper .block-editor-writing-flow'] = array(
- 'height' => '100%',
- 'padding' => '10px',
- );
- $desktop_css['.edit-post-visual-editor .editor-styles-wrapper'] = array(
- 'max-width' => astra_get_css_value( $site_content_width - 56, 'px' ),
- 'width' => '100%',
- 'margin' => '0 auto',
- 'padding' => '0',
- );
- $desktop_css['.ast-page-builder-template .edit-post-visual-editor .editor-styles-wrapper'] = array(
- 'max-width' => '100%',
- );
- $desktop_css['.ast-separate-container .edit-post-visual-editor .block-editor-block-list__layout .wp-block[data-align="full"] figure.wp-block-image, .ast-separate-container .edit-post-visual-editor .wp-block[data-align="full"] .wp-block-cover'] = array(
- 'margin-left' => 'calc(-4.8em - 10px)',
- 'margin-right' => 'calc(-4.8em - 10px)',
- );
- $desktop_css['.ast-page-builder-template .editor-styles-wrapper .block-editor-writing-flow, .ast-plain-container .editor-styles-wrapper .block-editor-writing-flow, #editor .edit-post-visual-editor'] = $background_style_data;
- }
-
- if ( ( ( ! in_array( 'single-title-meta', $single_post_title ) ) && ( 'post' === get_post_type() ) ) || ( 'disabled' === $title_enabled_from_meta ) ) {
- $destop_title_css = array(
- '.editor-post-title__block' => array(
- 'opacity' => '0.2',
- ),
- );
- $css .= astra_parse_css( $destop_title_css );
- }
-
- $content_links_underline = astra_get_option( 'underline-content-links' );
-
- if ( $content_links_underline ) {
- $desktop_css['.edit-post-visual-editor a'] = array(
- 'text-decoration' => 'underline',
- );
- }
-
- $css .= astra_parse_css( $desktop_css );
-
- /**
- * Global button CSS - Tablet.
- */
- $css_prod_button_tablet = array(
- '.wc-block-grid__products .wc-block-grid__product .wp-block-button__link' => array(
- 'padding-top' => astra_responsive_spacing( $theme_btn_padding, 'top', 'tablet' ),
- 'padding-right' => astra_responsive_spacing( $theme_btn_padding, 'right', 'tablet' ),
- 'padding-bottom' => astra_responsive_spacing( $theme_btn_padding, 'bottom', 'tablet' ),
- 'padding-left' => astra_responsive_spacing( $theme_btn_padding, 'left', 'tablet' ),
- ),
- );
-
- if ( astra_wp_version_compare( '5.7', '>=' ) ) {
- $css_prod_button_tablet['.ast-page-builder-template .editor-styles-wrapper .block-editor-writing-flow, .ast-plain-container .editor-styles-wrapper .block-editor-writing-flow'] = astra_get_responsive_background_obj( $box_bg_obj, 'tablet' );
- }
-
- $css .= astra_parse_css( $css_prod_button_tablet, '', astra_get_tablet_breakpoint() );
-
- /**
- * Global button CSS - Mobile.
- */
- $css_prod_button_mobile = array(
- '.wc-block-grid__products .wc-block-grid__product .wp-block-button__link' => array(
- 'padding-top' => astra_responsive_spacing( $theme_btn_padding, 'top', 'mobile' ),
- 'padding-right' => astra_responsive_spacing( $theme_btn_padding, 'right', 'mobile' ),
- 'padding-bottom' => astra_responsive_spacing( $theme_btn_padding, 'bottom', 'mobile' ),
- 'padding-left' => astra_responsive_spacing( $theme_btn_padding, 'left', 'mobile' ),
- ),
- );
-
- if ( astra_wp_version_compare( '5.7', '>=' ) ) {
- $css_prod_button_mobile['.ast-page-builder-template .editor-styles-wrapper .block-editor-writing-flow, .ast-plain-container .editor-styles-wrapper .block-editor-writing-flow'] = astra_get_responsive_background_obj( $box_bg_obj, 'mobile' );
- }
-
- $css .= astra_parse_css( $css_prod_button_mobile, '', astra_get_mobile_breakpoint() );
-
- $theme_btn_top_border = ( isset( $global_custom_button_border_size['top'] ) && '' !== $global_custom_button_border_size['top'] ) ? astra_get_css_value( $global_custom_button_border_size['top'], 'px' ) : '1px';
- $theme_btn_right_border = ( isset( $global_custom_button_border_size['right'] ) && '' !== $global_custom_button_border_size['right'] ) ? astra_get_css_value( $global_custom_button_border_size['right'], 'px' ) : '1px';
- $theme_btn_left_border = ( isset( $global_custom_button_border_size['left'] ) && '' !== $global_custom_button_border_size['left'] ) ? astra_get_css_value( $global_custom_button_border_size['left'], 'px' ) : '1px';
- $theme_btn_bottom_border = ( isset( $global_custom_button_border_size['bottom'] ) && '' !== $global_custom_button_border_size['bottom'] ) ? astra_get_css_value( $global_custom_button_border_size['bottom'], 'px' ) : '1px';
-
- if ( Astra_Dynamic_CSS::page_builder_button_style_css() ) {
-
- $is_support_wp_5_8 = Astra_Dynamic_CSS::is_block_editor_support_enabled();
- $search_button_selector = $is_support_wp_5_8 ? ', .block-editor-writing-flow .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button' : '';
- $search_button_hover_selector = $is_support_wp_5_8 ? ', .block-editor-writing-flow .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover, .block-editor-writing-flow .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:focus' : '';
-
- $button_desktop_css = array(
- /**
- * Gutenberg button compatibility for default styling.
- */
- '.wp-block-button .wp-block-button__link' . $search_button_selector => array(
- 'border-style' => 'solid',
- 'border-top-width' => $theme_btn_top_border,
- 'border-right-width' => $theme_btn_right_border,
- 'border-left-width' => $theme_btn_left_border,
- 'border-bottom-width' => $theme_btn_bottom_border,
- 'color' => esc_attr( $btn_color ),
- 'border-color' => empty( $btn_border_color ) ? esc_attr( $btn_bg_color ) : esc_attr( $btn_border_color ),
- 'background-color' => esc_attr( $btn_bg_color ),
- 'font-family' => astra_get_font_family( $theme_btn_font_family ),
- 'font-weight' => esc_attr( $theme_btn_font_weight ),
- 'line-height' => esc_attr( $theme_btn_line_height ),
- 'text-transform' => esc_attr( $theme_btn_text_transform ),
- 'letter-spacing' => astra_get_css_value( $theme_btn_letter_spacing, 'px' ),
- 'font-size' => astra_responsive_font( $theme_btn_font_size, 'desktop' ),
- 'border-radius' => astra_get_css_value( $btn_border_radius, 'px' ),
- 'padding-top' => astra_responsive_spacing( $theme_btn_padding, 'top', 'desktop' ),
- 'padding-right' => astra_responsive_spacing( $theme_btn_padding, 'right', 'desktop' ),
- 'padding-bottom' => astra_responsive_spacing( $theme_btn_padding, 'bottom', 'desktop' ),
- 'padding-left' => astra_responsive_spacing( $theme_btn_padding, 'left', 'desktop' ),
- ),
- '.wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus' . $search_button_hover_selector => array(
- 'color' => esc_attr( $btn_h_color ),
- 'background-color' => esc_attr( $btn_bg_h_color ),
- 'border-color' => empty( $btn_border_h_color ) ? esc_attr( $btn_bg_h_color ) : esc_attr( $btn_border_h_color ),
- ),
- );
-
- if ( $is_support_wp_5_8 ) {
- $button_desktop_css['.wp-block-search .wp-block-search__input, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper'] = array(
- 'border-color' => '#eaeaea',
- 'background' => '#fafafa',
- );
- $button_desktop_css['.block-editor-writing-flow .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input'] = array(
- 'padding' => '15px',
- );
- $button_desktop_css['.wp-block-search__button svg'] = array(
- 'fill' => 'currentColor',
- );
- }
-
- $css .= astra_parse_css( $button_desktop_css );
-
- /**
- * Global button CSS - Tablet.
- */
- $css_global_button_tablet = array(
- '.wp-block-button .wp-block-button__link' => array(
- 'padding-top' => astra_responsive_spacing( $theme_btn_padding, 'top', 'tablet' ),
- 'padding-right' => astra_responsive_spacing( $theme_btn_padding, 'right', 'tablet' ),
- 'padding-bottom' => astra_responsive_spacing( $theme_btn_padding, 'bottom', 'tablet' ),
- 'padding-left' => astra_responsive_spacing( $theme_btn_padding, 'left', 'tablet' ),
- ),
- );
-
- $css .= astra_parse_css( $css_global_button_tablet, '', astra_get_tablet_breakpoint() );
-
- /**
- * Global button CSS - Mobile.
- */
- $css_global_button_mobile = array(
- '.wp-block-button .wp-block-button__link' => array(
- 'padding-top' => astra_responsive_spacing( $theme_btn_padding, 'top', 'mobile' ),
- 'padding-right' => astra_responsive_spacing( $theme_btn_padding, 'right', 'mobile' ),
- 'padding-bottom' => astra_responsive_spacing( $theme_btn_padding, 'bottom', 'mobile' ),
- 'padding-left' => astra_responsive_spacing( $theme_btn_padding, 'left', 'mobile' ),
- ),
- );
-
- $css .= astra_parse_css( $css_global_button_mobile, '', astra_get_mobile_breakpoint() );
- }
-
- if ( Astra_Dynamic_CSS::gutenberg_core_patterns_compat() ) {
-
- $link_hover_color = astra_get_option( 'link-h-color' );
- $btn_text_hover_color = astra_get_option( 'button-h-color' );
- if ( empty( $btn_text_hover_color ) ) {
- $btn_text_hover_color = astra_get_foreground_color( $link_hover_color );
- }
-
- /**
- * When supporting GB button outline patterns in v3.3.0 we have given 2px as default border for GB outline button, where we restrict button border for flat type buttons.
- * But now while reverting this change there is no need of default border because whatever customizer border will set it should behave accordingly. Although it is empty ('') WP applying 2px as default border for outline buttons.
- *
- * @since 3.6.3
- */
- $default_border_size = '2px';
- if ( ! astra_button_default_padding_updated() ) {
- $default_border_size = '';
- }
-
- // Outline Gutenberg button compatibility CSS.
- $theme_btn_top_border = ( isset( $global_custom_button_border_size['top'] ) && ( '' !== $global_custom_button_border_size['top'] && '0' !== $global_custom_button_border_size['top'] ) ) ? astra_get_css_value( $global_custom_button_border_size['top'], 'px' ) : $default_border_size;
- $theme_btn_right_border = ( isset( $global_custom_button_border_size['right'] ) && ( '' !== $global_custom_button_border_size['right'] && '0' !== $global_custom_button_border_size['right'] ) ) ? astra_get_css_value( $global_custom_button_border_size['right'], 'px' ) : $default_border_size;
- $theme_btn_left_border = ( isset( $global_custom_button_border_size['left'] ) && ( '' !== $global_custom_button_border_size['left'] && '0' !== $global_custom_button_border_size['left'] ) ) ? astra_get_css_value( $global_custom_button_border_size['left'], 'px' ) : $default_border_size;
- $theme_btn_bottom_border = ( isset( $global_custom_button_border_size['bottom'] ) && ( '' !== $global_custom_button_border_size['bottom'] && '0' !== $global_custom_button_border_size['bottom'] ) ) ? astra_get_css_value( $global_custom_button_border_size['bottom'], 'px' ) : $default_border_size;
-
- // Added CSS compatibility support for Gutenberg pattern.
- $button_patterns_compat_css = array(
- '.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color), .wp-block-button.wp-block-button__link.is-style-outline:not(.has-text-color)' => array(
- 'color' => empty( $btn_border_color ) ? esc_attr( $btn_bg_color ) : esc_attr( $btn_border_color ),
- ),
- '.wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus' => array(
- 'color' => esc_attr( $btn_text_hover_color ) . ' !important',
- ),
- '.wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus' => array(
- 'border-color' => empty( $btn_border_h_color ) ? esc_attr( $btn_bg_h_color ) : esc_attr( $btn_border_h_color ),
- ),
- );
-
- if ( ! astra_button_default_padding_updated() ) {
- $button_patterns_compat_css['.wp-block-button .wp-block-button__link'] = array(
- 'border' => 'none',
- 'padding' => '15px 30px',
- );
- $button_patterns_compat_css['.wp-block-button.is-style-outline .wp-block-button__link'] = array(
- 'border-style' => 'solid',
- 'border-top-width' => esc_attr( $theme_btn_top_border ),
- 'border-right-width' => esc_attr( $theme_btn_right_border ),
- 'border-bottom-width' => esc_attr( $theme_btn_bottom_border ),
- 'border-left-width' => esc_attr( $theme_btn_left_border ),
- 'border-color' => empty( $btn_border_color ) ? esc_attr( $btn_bg_color ) : esc_attr( $btn_border_color ),
- 'padding-top' => 'calc(15px - ' . (int) $theme_btn_top_border . 'px)',
- 'padding-right' => 'calc(30px - ' . (int) $theme_btn_right_border . 'px)',
- 'padding-bottom' => 'calc(15px - ' . (int) $theme_btn_bottom_border . 'px)',
- 'padding-left' => 'calc(30px - ' . (int) $theme_btn_left_border . 'px)',
- );
- }
-
- $css .= astra_parse_css( $button_patterns_compat_css );
-
- if ( ! astra_button_default_padding_updated() ) {
- // Tablet CSS.
- $button_patterns_tablet_compat_css = array(
- '.wp-block-button .wp-block-button__link' => array(
- 'border' => 'none',
- 'padding' => '15px 30px',
- ),
- '.wp-block-button.is-style-outline .wp-block-button__link' => array(
- 'padding-top' => 'calc(15px - ' . (int) $theme_btn_top_border . 'px)',
- 'padding-right' => 'calc(30px - ' . (int) $theme_btn_right_border . 'px)',
- 'padding-bottom' => 'calc(15px - ' . (int) $theme_btn_bottom_border . 'px)',
- 'padding-left' => 'calc(30px - ' . (int) $theme_btn_left_border . 'px)',
- ),
- );
-
- $css .= astra_parse_css( $button_patterns_tablet_compat_css, '', astra_get_tablet_breakpoint() );
-
- // Mobile CSS.
- $button_patterns_mobile_compat_css = array(
- '.wp-block-button .wp-block-button__link' => array(
- 'border' => 'none',
- 'padding' => '15px 30px',
- ),
- '.wp-block-button.is-style-outline .wp-block-button__link' => array(
- 'padding-top' => 'calc(15px - ' . (int) $theme_btn_top_border . 'px)',
- 'padding-right' => 'calc(30px - ' . (int) $theme_btn_right_border . 'px)',
- 'padding-bottom' => 'calc(15px - ' . (int) $theme_btn_bottom_border . 'px)',
- 'padding-left' => 'calc(30px - ' . (int) $theme_btn_left_border . 'px)',
- ),
- );
-
- $css .= astra_parse_css( $button_patterns_mobile_compat_css, '', astra_get_mobile_breakpoint() );
- }
-
- if ( $is_site_rtl ) {
- $gb_patterns_min_mobile_css = array(
- '.editor-styles-wrapper .alignleft' => array(
- 'margin-left' => '20px',
- ),
- '.editor-styles-wrapper .alignright' => array(
- 'margin-right' => '20px',
- ),
- );
- } else {
- $gb_patterns_min_mobile_css = array(
- '.editor-styles-wrapper .alignleft' => array(
- 'margin-right' => '20px',
- ),
- '.editor-styles-wrapper .alignright' => array(
- 'margin-left' => '20px',
- ),
- );
- }
-
- if ( ! astra_button_default_padding_updated() ) {
- $gb_patterns_min_mobile_css['.editor-styles-wrapper p.has-background'] = array(
- 'padding' => '20px',
- );
- }
-
- /* Parse CSS from array() -> min-width: (mobile-breakpoint) px CSS */
- $css .= astra_parse_css( $gb_patterns_min_mobile_css );
- }
-
- if ( Astra_Dynamic_CSS::gutenberg_core_blocks_css_comp() ) {
-
- $desktop_screen_gb_css = array(
- '.wp-block-columns' => array(
- 'margin-bottom' => 'unset',
- ),
- 'figure.size-full' => array(
- 'margin' => '2rem 0',
- ),
- '.wp-block-gallery' => array(
- 'margin-bottom' => '1.6em',
- ),
- '.wp-block-group' => array(
- 'padding-top' => '4em',
- 'padding-bottom' => '4em',
- ),
- '.wp-block-group__inner-container:last-child, .wp-block-table table' => array(
- 'margin-bottom' => '0',
- ),
- '.blocks-gallery-grid' => array(
- 'width' => '100%',
- ),
- '.wp-block-navigation-link__content' => array(
- 'padding' => '5px 0',
- ),
- '.wp-block-group .wp-block-group .has-text-align-center, .wp-block-group .wp-block-column .has-text-align-center' => array(
- 'max-width' => '100%',
- ),
- '.has-text-align-center' => array(
- 'margin' => '0 auto',
- ),
- );
-
- /* Parse CSS from array() -> Desktop CSS */
- $css .= astra_parse_css( $desktop_screen_gb_css );
-
- $middle_screen_min_gb_css = array(
- '.wp-block-cover__inner-container, .alignwide .wp-block-group__inner-container, .alignfull .wp-block-group__inner-container' => array(
- 'max-width' => '1200px',
- 'margin' => '0 auto',
- ),
- '.wp-block-group.alignnone, .wp-block-group.aligncenter, .wp-block-group.alignleft, .wp-block-group.alignright, .wp-block-group.alignwide, .wp-block-columns.alignwide' => array(
- 'margin' => '2rem 0 1rem 0',
- ),
- );
-
- /* Parse CSS from array() -> min-width: (1200)px CSS */
- $css .= astra_parse_css( $middle_screen_min_gb_css, '1200' );
-
- $middle_screen_max_gb_css = array(
- '.wp-block-group' => array(
- 'padding' => '3em',
- ),
- '.wp-block-group .wp-block-group' => array(
- 'padding' => '1.5em',
- ),
- '.wp-block-columns, .wp-block-column' => array(
- 'margin' => '1rem 0',
- ),
- );
-
- /* Parse CSS from array() -> max-width: (1200)px CSS */
- $css .= astra_parse_css( $middle_screen_max_gb_css, '', '1200' );
-
- $tablet_screen_min_gb_css = array(
- '.wp-block-columns .wp-block-group' => array(
- 'padding' => '2em',
- ),
- );
-
- /* Parse CSS from array() -> min-width: (tablet-breakpoint)px CSS */
- $css .= astra_parse_css( $tablet_screen_min_gb_css, astra_get_tablet_breakpoint() );
-
- $mobile_screen_max_gb_css = array(
- '.wp-block-media-text .wp-block-media-text__content' => array(
- 'padding' => '3em 2em',
- ),
- '.wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container' => array(
- 'width' => 'unset',
- ),
- '.wp-block-cover, .wp-block-cover-image' => array(
- 'padding' => '2em 0',
- ),
- '.wp-block-group, .wp-block-cover' => array(
- 'padding' => '2em',
- ),
- '.wp-block-media-text__media img, .wp-block-media-text__media video' => array(
- 'width' => 'unset',
- 'max-width' => '100%',
- ),
- '.wp-block-media-text.has-background .wp-block-media-text__content' => array(
- 'padding' => '1em',
- ),
- );
-
- /* Parse CSS from array() -> max-width: (mobile-breakpoint)px CSS */
- $css .= astra_parse_css( $mobile_screen_max_gb_css, '', astra_get_mobile_breakpoint() );
- }
-
- if ( Astra_Dynamic_CSS::gutenberg_core_patterns_compat() ) {
-
- // Added CSS compatibility support for Gutenberg Editor's Media & Text block pattern.
- if ( $is_site_rtl ) {
- $gb_editor_block_pattern_css = array(
- '.wp-block-media-text .wp-block-media-text__content .wp-block-group__inner-container' => array(
- 'padding' => '0 8% 0 0',
- ),
- '.ast-separate-container .block-editor-block-list__layout .wp-block[data-align="full"] .wp-block[data-align="center"] > .wp-block-image' => array(
- 'margin-right' => 'auto',
- 'margin-left' => 'auto',
- ),
- );
- } else {
- $gb_editor_block_pattern_css = array(
- '.wp-block-media-text .wp-block-media-text__content .wp-block-group__inner-container' => array(
- 'padding' => '0 0 0 8%',
- ),
- '.ast-separate-container .block-editor-block-list__layout .wp-block[data-align="full"] .wp-block[data-align="center"] > .wp-block-image' => array(
- 'margin-right' => 'auto',
- 'margin-left' => 'auto',
- ),
- );
- }
-
- $gb_editor_block_pattern_css['.block-editor-block-list__layout * .block-editor-block-list__block'] = array(
- 'padding-left' => '20px',
- 'padding-right' => '20px',
- );
-
- $css .= astra_parse_css( $gb_editor_block_pattern_css );
- }
-
- $tablet_css = array(
- '.editor-post-title__block .editor-post-title__input' => array(
- 'font-size' => astra_responsive_font( $single_post_title_font_size, 'tablet', 30 ),
- ),
- // Heading H1 - H6 font size.
- '.edit-post-visual-editor h1, .wp-block-heading h1, .wp-block-freeform.block-library-rich-text__tinymce h1, .edit-post-visual-editor .wp-block-heading h1, .wp-block-heading h1.editor-rich-text__tinymce, .editor-styles-wrapper .wp-block-uagb-advanced-heading h1' => array(
- 'font-size' => astra_responsive_font( $heading_h1_font_size, 'tablet', 30 ),
- ),
- '.edit-post-visual-editor h2, .wp-block-heading h2, .wp-block-freeform.block-library-rich-text__tinymce h2, .edit-post-visual-editor .wp-block-heading h2, .wp-block-heading h2.editor-rich-text__tinymce, .editor-styles-wrapper .wp-block-uagb-advanced-heading h2' => array(
- 'font-size' => astra_responsive_font( $heading_h2_font_size, 'tablet', 25 ),
- ),
- '.edit-post-visual-editor h3, .wp-block-heading h3, .wp-block-freeform.block-library-rich-text__tinymce h3, .edit-post-visual-editor .wp-block-heading h3, .wp-block-heading h3.editor-rich-text__tinymce, .editor-styles-wrapper .wp-block-uagb-advanced-heading h3' => array(
- 'font-size' => astra_responsive_font( $heading_h3_font_size, 'tablet', 20 ),
- ),
- '.edit-post-visual-editor h4, .wp-block-heading h4, .wp-block-freeform.block-library-rich-text__tinymce h4, .edit-post-visual-editor .wp-block-heading h4, .wp-block-heading h4.editor-rich-text__tinymce, .editor-styles-wrapper .wp-block-uagb-advanced-heading h4' => array(
- 'font-size' => astra_responsive_font( $heading_h4_font_size, 'tablet' ),
- ),
- '.edit-post-visual-editor h5, .wp-block-heading h5, .wp-block-freeform.block-library-rich-text__tinymce h5, .edit-post-visual-editor .wp-block-heading h5, .wp-block-heading h5.editor-rich-text__tinymce, .editor-styles-wrapper .wp-block-uagb-advanced-heading h5' => array(
- 'font-size' => astra_responsive_font( $heading_h5_font_size, 'tablet' ),
- ),
- '.edit-post-visual-editor h6, .wp-block-heading h6, .wp-block-freeform.block-library-rich-text__tinymce h6, .edit-post-visual-editor .wp-block-heading h6, .wp-block-heading h6.editor-rich-text__tinymce, .editor-styles-wrapper .wp-block-uagb-advanced-heading h6' => array(
- 'font-size' => astra_responsive_font( $heading_h6_font_size, 'tablet' ),
- ),
- '.ast-separate-container .edit-post-visual-editor, .ast-page-builder-template .edit-post-visual-editor, .ast-plain-container .edit-post-visual-editor, .ast-separate-container #wpwrap #editor .edit-post-visual-editor' => astra_get_responsive_background_obj( $box_bg_obj, 'tablet' ),
- );
-
- $css .= astra_parse_css( $tablet_css, '', astra_get_tablet_breakpoint() );
-
- $mobile_css = array(
- '.editor-post-title__block .editor-post-title__input' => array(
- 'font-size' => astra_responsive_font( $single_post_title_font_size, 'mobile', 30 ),
- ),
-
- // Heading H1 - H6 font size.
- '.edit-post-visual-editor h1, .wp-block-heading h1, .wp-block-freeform.block-library-rich-text__tinymce h1, .edit-post-visual-editor .wp-block-heading h1, .wp-block-heading h1.editor-rich-text__tinymce, .editor-styles-wrapper .wp-block-uagb-advanced-heading h1' => array(
- 'font-size' => astra_responsive_font( $heading_h1_font_size, 'mobile', 30 ),
- ),
- '.edit-post-visual-editor h2, .wp-block-heading h2, .wp-block-freeform.block-library-rich-text__tinymce h2, .edit-post-visual-editor .wp-block-heading h2, .wp-block-heading h2.editor-rich-text__tinymce, .editor-styles-wrapper .wp-block-uagb-advanced-heading h2' => array(
- 'font-size' => astra_responsive_font( $heading_h2_font_size, 'mobile', 25 ),
- ),
- '.edit-post-visual-editor h3, .wp-block-heading h3, .wp-block-freeform.block-library-rich-text__tinymce h3, .edit-post-visual-editor .wp-block-heading h3, .wp-block-heading h3.editor-rich-text__tinymce, .editor-styles-wrapper .wp-block-uagb-advanced-heading h3' => array(
- 'font-size' => astra_responsive_font( $heading_h3_font_size, 'mobile', 20 ),
- ),
- '.edit-post-visual-editor h4, .wp-block-heading h4, .wp-block-freeform.block-library-rich-text__tinymce h4, .edit-post-visual-editor .wp-block-heading h4, .wp-block-heading h4.editor-rich-text__tinymce, .editor-styles-wrapper .wp-block-uagb-advanced-heading h4' => array(
- 'font-size' => astra_responsive_font( $heading_h4_font_size, 'mobile' ),
- ),
- '.edit-post-visual-editor h5, .wp-block-heading h5, .wp-block-freeform.block-library-rich-text__tinymce h5, .edit-post-visual-editor .wp-block-heading h5, .wp-block-heading h5.editor-rich-text__tinymce, .editor-styles-wrapper .wp-block-uagb-advanced-heading h5' => array(
- 'font-size' => astra_responsive_font( $heading_h5_font_size, 'mobile' ),
- ),
- '.edit-post-visual-editor h6, .wp-block-heading h6, .wp-block-freeform.block-library-rich-text__tinymce h6, .edit-post-visual-editor .wp-block-heading h6, .wp-block-heading h6.editor-rich-text__tinymce, .editor-styles-wrapper .wp-block-uagb-advanced-heading h6' => array(
- 'font-size' => astra_responsive_font( $heading_h6_font_size, 'mobile' ),
- ),
- '.ast-separate-container .edit-post-visual-editor, .ast-page-builder-template .edit-post-visual-editor, .ast-plain-container .edit-post-visual-editor, .ast-separate-container #wpwrap #editor .edit-post-visual-editor' => astra_get_responsive_background_obj( $box_bg_obj, 'mobile' ),
- );
-
- $css .= astra_parse_css( $mobile_css, '', astra_get_mobile_breakpoint() );
-
- if ( is_callable( 'Astra_Woocommerce::astra_global_btn_woo_comp' ) && Astra_Woocommerce::astra_global_btn_woo_comp() ) {
-
- $woo_global_button_css = array(
- '.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wp-block-button__link' => array(
- 'border-top-width' => ( isset( $global_custom_button_border_size['top'] ) && '' !== $global_custom_button_border_size['top'] ) ? astra_get_css_value( $global_custom_button_border_size['top'], 'px' ) : '0',
- 'border-right-width' => ( isset( $global_custom_button_border_size['right'] ) && '' !== $global_custom_button_border_size['right'] ) ? astra_get_css_value( $global_custom_button_border_size['right'], 'px' ) : '0',
- 'border-left-width' => ( isset( $global_custom_button_border_size['left'] ) && '' !== $global_custom_button_border_size['left'] ) ? astra_get_css_value( $global_custom_button_border_size['left'], 'px' ) : '0',
- 'border-bottom-width' => ( isset( $global_custom_button_border_size['bottom'] ) && '' !== $global_custom_button_border_size['bottom'] ) ? astra_get_css_value( $global_custom_button_border_size['bottom'], 'px' ) : '0',
- 'border-color' => $btn_border_color ? $btn_border_color : $btn_bg_color,
- ),
- '.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover' => array(
- 'border-color' => $btn_bg_h_color,
- ),
- );
- $css .= astra_parse_css( $woo_global_button_css );
- }
-
- if ( astra_wp_version_compare( '5.4.99', '>=' ) ) {
-
- $page_builder_css = array(
- '.ast-page-builder-template .editor-post-title__block, .ast-page-builder-template .editor-default-block-appender' => array(
- 'width' => '100%',
- 'max-width' => '100%',
- ),
- '.ast-page-builder-template .wp-block[data-align="right"] > *' => array(
- 'max-width' => 'unset',
- 'width' => 'unset',
- ),
- '.ast-page-builder-template .block-editor-block-list__layout' => array(
- 'padding-left' => 0,
- 'padding-right' => 0,
- ),
- '.ast-page-builder-template .editor-block-list__block-edit' => array(
- 'padding-left' => '20px',
- 'padding-right' => '20px',
- ),
- '.ast-page-builder-template .editor-block-list__block-edit .editor-block-list__block-edit' => array(
- 'padding-left' => '0',
- 'padding-right' => '0',
- ),
- );
-
- } else {
-
- $page_builder_css = array(
- '.ast-page-builder-template .editor-post-title__block, .ast-page-builder-template .editor-default-block-appender, .ast-page-builder-template .block-editor-block-list__block' => array(
- 'width' => '100%',
- 'max-width' => '100%',
- ),
- '.ast-page-builder-template .block-editor-block-list__layout' => array(
- 'padding-left' => 0,
- 'padding-right' => 0,
- ),
- '.ast-page-builder-template .editor-block-list__block-edit' => array(
- 'padding-left' => '20px',
- 'padding-right' => '20px',
- ),
- '.ast-page-builder-template .editor-block-list__block-edit .editor-block-list__block-edit' => array(
- 'padding-left' => '0',
- 'padding-right' => '0',
- ),
- );
- }
-
- $css .= astra_parse_css( $page_builder_css );
-
- $aligned_full_content_css = array(
- '.ast-page-builder-template .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit, .ast-plain-container .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit' => array(
- 'margin-left' => '0',
- 'margin-right' => '0',
- ),
- '.ast-page-builder-template .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"], .ast-plain-container .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"]' => array(
- 'margin-left' => '0',
- 'margin-right' => '0',
- ),
- );
-
- $css .= astra_parse_css( $aligned_full_content_css );
-
- $boxed_container = array(
- '.ast-separate-container .block-editor-writing-flow, .ast-two-container .block-editor-writing-flow' => array(
- 'max-width' => astra_get_css_value( $site_content_width - 56, 'px' ),
- 'margin' => '0 auto',
- 'background-color' => '#fff',
- ),
- '.ast-separate-container .gutenberg__editor, .ast-two-container .gutenberg__editor' => array(
- 'background-color' => '#f5f5f5',
- ),
-
- '.ast-separate-container .block-editor-block-list__layout, .ast-two-container .editor-block-list__layout' => array(
- 'padding-top' => '0',
- ),
-
- '.ast-two-container .editor-post-title, .ast-separate-container .block-editor-block-list__layout, .ast-two-container .editor-post-title' => array(
- 'padding-top' => 'calc( 5.34em - 19px)',
- 'padding-bottom' => '5.34em',
- 'padding-left' => 'calc( 6.67em - 28px )',
- 'padding-right' => 'calc( 6.67em - 28px )',
- ),
- '.ast-separate-container .block-editor-block-list__layout' => array(
- 'padding-top' => '0',
- 'padding-bottom' => '5.34em',
- 'padding-left' => 'calc( 6.67em - 28px )',
- 'padding-right' => 'calc( 6.67em - 28px )',
- ),
- '.ast-separate-container .editor-post-title' => array(
- 'padding-top' => 'calc( 5.34em - 19px)',
- 'padding-bottom' => '5.34em',
- 'padding-left' => 'calc( 6.67em - 28px )',
- 'padding-right' => 'calc( 6.67em - 28px )',
- ),
-
- '.ast-separate-container .editor-post-title, .ast-two-container .editor-post-title' => array(
- 'padding-bottom' => '0',
- ),
- '.ast-separate-container .editor-block-list__block, .ast-two-container .editor-block-list__block' => array(
- 'max-width' => 'calc(' . astra_get_css_value( $site_content_width, 'px' ) . ' - 6.67em)',
- ),
- '.ast-separate-container .editor-block-list__block[data-align=wide], .ast-two-container .editor-block-list__block[data-align=wide]' => array(
- 'margin-left' => '-20px',
- 'margin-right' => '-20px',
- ),
- '.ast-separate-container .editor-block-list__block[data-align=full], .ast-two-container .editor-block-list__block[data-align=full]' => array(
- 'margin-left' => '-6.67em',
- 'margin-right' => '-6.67em',
- ),
- '.ast-separate-container .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"], .ast-separate-container .block-editor-block-list__layout .editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit, .ast-two-container .block-editor-block-list__layout .editor-block-list__block[data-align="full"], .ast-two-container .block-editor-block-list__layout .editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit' => array(
- 'margin-left' => '0',
- 'margin-right' => '0',
- ),
- );
-
- $css .= astra_parse_css( $boxed_container );
-
- // Manage the extra padding applied in the block inster preview of blocks.
- $block_inserter_css = array(
- '.ast-separate-container .block-editor-inserter__preview .block-editor-block-list__layout' => array(
- 'padding-top' => '0px',
- 'padding-bottom' => '0px',
- 'padding-left' => '0px',
- 'padding-right' => '0px',
- ),
- );
-
- $css .= astra_parse_css( $block_inserter_css );
-
- // WP 5.5 compatibility fix the extra padding applied for the block patterns in the editor view.
- if ( astra_wp_version_compare( '5.4.99', '>=' ) ) {
-
- $block_pattern_css = array(
- '.ast-separate-container .block-editor-inserter__panel-content .block-editor-block-list__layout' => array(
- 'padding-top' => '0px',
- 'padding-bottom' => '0px',
- 'padding-left' => '0px',
- 'padding-right' => '0px',
-
- ),
- '.block-editor-inserter__panel-content .block-editor-block-list__layout' => array(
- 'margin-left' => '60px',
- 'margin-right' => '60px',
- ),
- '.block-editor-inserter__panel-content .block-editor-block-list__layout .block-editor-block-list__layout' => array(
- 'margin-left' => '0px',
- 'margin-right' => '0px',
- ),
- '.ast-page-builder-template .block-editor-inserter__panel-content .block-editor-block-list__layout' => array(
- 'margin-left' => '0px',
- 'margin-right' => '0px',
- ),
- );
-
- $css .= astra_parse_css( $block_pattern_css );
- } else {
- $full_width_streched_css = array(
- '.ast-page-builder-template .block-editor-block-list__layout' => array(
- 'margin-left' => '60px',
- 'margin-right' => '60px',
- ),
- '.ast-page-builder-template .block-editor-block-list__layout .block-editor-block-list__layout' => array(
- 'margin-left' => '0px',
- 'margin-right' => '0px',
- ),
- );
-
- $css .= astra_parse_css( $full_width_streched_css );
- }
-
- $ast_gtn_mobile_css = array(
- '.ast-separate-container .editor-post-title' => array(
- 'padding-top' => 'calc( 2.34em - 19px)',
- 'padding-left' => 'calc( 3.67em - 28px )',
- 'padding-right' => 'calc( 3.67em - 28px )',
- ),
- '.ast-separate-container .block-editor-block-list__layout' => array(
- 'padding-bottom' => '2.34em',
- 'padding-left' => 'calc( 3.67em - 28px )',
- 'padding-right' => 'calc( 3.67em - 28px )',
- ),
- '.ast-page-builder-template .block-editor-block-list__layout' => array(
- 'margin-left' => '30px',
- 'margin-right' => '30px',
- ),
- '.ast-plain-container .block-editor-block-list__layout' => array(
- 'padding-left' => '30px',
- 'padding-right' => '30px',
- ),
- );
-
- $css .= astra_parse_css( $ast_gtn_mobile_css, '', astra_get_mobile_breakpoint() );
-
- if ( astra_wp_version_compare( '5.4.99', '>=' ) ) {
- $gtn_full_wide_image_css = array(
- '.wp-block[data-align="left"], .wp-block[data-align="right"], .wp-block[data-align="center"]' => array(
- 'max-width' => '100%',
- 'width' => '100%',
- ),
- '.ast-separate-container .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > .wp-block[data-align="full"], .ast-plain-container .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > .wp-block[data-align="full"]' => array(
- 'margin-left' => 'auto',
- 'margin-right' => 'auto',
- ),
- '.ast-separate-container .block-editor-block-list__layout .wp-block[data-align="full"] figure.wp-block-image' => array(
- 'margin-left' => '-4.8em',
- 'margin-right' => '-4.81em',
- 'max-width' => 'unset',
- 'width' => 'unset',
- ),
- '.ast-separate-container .wp-block[data-align="full"] .wp-block-cover' => array(
- 'margin-left' => '-4.8em',
- 'margin-right' => '-4.81em',
- 'max-width' => 'unset',
- 'width' => 'unset',
- ),
- '.ast-plain-container .wp-block[data-align="left"], .ast-plain-container .wp-block[data-align="right"], .ast-plain-container .wp-block[data-align="center"], .ast-plain-container .wp-block[data-align="full"]' => array(
- 'max-width' => astra_get_css_value( $site_content_width, 'px' ),
- ),
- '.ast-plain-container .wp-block[data-align="wide"]' => array(
- 'max-width' => astra_get_css_value( $site_content_width - 56, 'px' ),
- ),
- );
- } else {
- $gtn_full_wide_image_css = array(
- '.ast-separate-container .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] figure.wp-block-image' => array(
- 'margin-left' => '-4.8em',
- 'margin-right' => '-4.81em',
- 'max-width' => 'unset',
- 'width' => 'unset',
- ),
- '.ast-separate-container .block-editor-block-list__block[data-align="full"] .wp-block-cover' => array(
- 'margin-left' => '-4.8em',
- 'margin-right' => '-4.81em',
- 'max-width' => 'unset',
- 'width' => 'unset',
- ),
- );
- }
-
- $css .= astra_parse_css( $gtn_full_wide_image_css );
-
- if ( in_array( $pagenow, array( 'post-new.php' ) ) && ! isset( $post ) ) {
-
- $boxed_container = array(
- '.block-editor-writing-flow' => array(
- 'max-width' => astra_get_css_value( $site_content_width - 56, 'px' ),
- 'margin' => '0 auto',
- 'background-color' => '#fff',
- ),
- '.gutenberg__editor' => array(
- 'background-color' => '#f5f5f5',
- ),
- '.block-editor-block-list__layout, .editor-post-title' => array(
- 'padding-top' => 'calc( 5.34em - 19px)',
- 'padding-bottom' => '5.34em',
- 'padding-left' => 'calc( 6.67em - 28px )',
- 'padding-right' => 'calc( 6.67em - 28px )',
- ),
- '.block-editor-block-list__layout' => array(
- 'padding-top' => '0',
- ),
- '.editor-post-title' => array(
- 'padding-bottom' => '0',
- ),
- '.block-editor-block-list__block' => array(
- 'max-width' => 'calc(' . astra_get_css_value( $site_content_width, 'px' ) . ' - 6.67em)',
- ),
- '.block-editor-block-list__block[data-align=wide]' => array(
- 'margin-left' => '-20px',
- 'margin-right' => '-20px',
- ),
- '.block-editor-block-list__block[data-align=full]' => array(
- 'margin-left' => '-6.67em',
- 'margin-right' => '-6.67em',
- ),
- '.block-editor-block-list__layout .block-editor-block-list__block[data-align="full"], .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .editor-block-list__block-edit' => array(
- 'margin-left' => '0',
- 'margin-right' => '0',
- ),
- );
-
- $css .= astra_parse_css( $boxed_container );
-
- }
-
- return $css;
- }
- }
-
-endif;
+<?php +/** + * Gutenberg Editor CSS + * + * @link https://developer.wordpress.org/themes/basics/theme-functions/ + * + * @package Astra + * @author Astra + * @copyright Copyright (c) 2020, Astra + * @link http://wpastra.com/ + * @since Astra 1.0 + */ + +if ( ! defined( 'ABSPATH' ) ) { + exit; // Exit if accessed directly. +} + +if ( ! class_exists( 'Gutenberg_Editor_CSS' ) ) : + + /** + * Admin Helper + */ + class Gutenberg_Editor_CSS { + + /** + * Get dynamic CSS required for the block editor to make editing experience similar to how it looks on frontend. + * + * @return String CSS to be loaded in the editor interface. + */ + public static function get_css() { + global $pagenow; + global $post; + $post_id = astra_get_post_id(); + $is_site_rtl = is_rtl(); + + $site_content_width = astra_get_option( 'site-content-width', 1200 ) + 56; + $headings_font_family = astra_get_option( 'headings-font-family' ); + $headings_font_weight = astra_get_option( 'headings-font-weight' ); + $headings_text_transform = astra_get_option( 'headings-text-transform' ); + $headings_line_height = astra_get_option( 'headings-line-height' ); + $single_post_title_font_size = astra_get_option( 'font-size-entry-title' ); + $body_font_family = astra_body_font_family(); + $para_margin_bottom = astra_get_option( 'para-margin-bottom' ); + $theme_color = astra_get_option( 'theme-color' ); + $link_color = astra_get_option( 'link-color', $theme_color ); + $heading_base_color = astra_get_option( 'heading-base-color' ); + + $highlight_theme_color = astra_get_foreground_color( $theme_color ); + + $body_font_weight = astra_get_option( 'body-font-weight' ); + $body_font_size = astra_get_option( 'font-size-body' ); + $body_line_height = astra_get_option( 'body-line-height' ); + $body_text_transform = astra_get_option( 'body-text-transform' ); + $box_bg_obj = astra_get_option( 'site-layout-outside-bg-obj-responsive' ); + $text_color = astra_get_option( 'text-color' ); + + $heading_h1_font_size = astra_get_option( 'font-size-h1' ); + $heading_h2_font_size = astra_get_option( 'font-size-h2' ); + $heading_h3_font_size = astra_get_option( 'font-size-h3' ); + $heading_h4_font_size = astra_get_option( 'font-size-h4' ); + $heading_h5_font_size = astra_get_option( 'font-size-h5' ); + $heading_h6_font_size = astra_get_option( 'font-size-h6' ); + + /** + * WooCommerce Grid Products compatibility. + */ + $link_h_color = astra_get_option( 'link-h-color' ); + $btn_color = astra_get_option( 'button-color' ); + $btn_bg_color = astra_get_option( 'button-bg-color', '', $theme_color ); + $btn_h_color = astra_get_option( 'button-h-color' ); + $btn_bg_h_color = astra_get_option( 'button-bg-h-color', '', $link_h_color ); + $btn_border_radius = astra_get_option( 'button-radius' ); + $theme_btn_padding = astra_get_option( 'theme-button-padding' ); + + /** + * Button theme compatibility. + */ + $global_custom_button_border_size = astra_get_option( 'theme-button-border-group-border-size' ); + $btn_border_color = astra_get_option( 'theme-button-border-group-border-color' ); + $btn_border_h_color = astra_get_option( 'theme-button-border-group-border-h-color' ); + + /** + * Theme Button Typography + */ + $theme_btn_font_family = astra_get_option( 'font-family-button' ); + $theme_btn_font_size = astra_get_option( 'font-size-button' ); + $theme_btn_font_weight = astra_get_option( 'font-weight-button' ); + $theme_btn_text_transform = astra_get_option( 'text-transform-button' ); + $theme_btn_line_height = astra_get_option( 'theme-btn-line-height' ); + $theme_btn_letter_spacing = astra_get_option( 'theme-btn-letter-spacing' ); + + $h1_font_family = astra_get_option( 'font-family-h1' ); + $h1_font_weight = astra_get_option( 'font-weight-h1' ); + $h1_line_height = astra_get_option( 'line-height-h1' ); + $h1_text_transform = astra_get_option( 'text-transform-h1' ); + + $h2_font_family = astra_get_option( 'font-family-h2' ); + $h2_font_weight = astra_get_option( 'font-weight-h2' ); + $h2_line_height = astra_get_option( 'line-height-h2' ); + $h2_text_transform = astra_get_option( 'text-transform-h2' ); + + $h3_font_family = astra_get_option( 'font-family-h3' ); + $h3_font_weight = astra_get_option( 'font-weight-h3' ); + $h3_line_height = astra_get_option( 'line-height-h3' ); + $h3_text_transform = astra_get_option( 'text-transform-h3' ); + + $single_post_title = astra_get_option( 'blog-single-post-structure' ); + $title_enabled_from_meta = get_post_meta( $post_id, 'site-post-title', true ); + + $is_widget_title_support_font_weight = Astra_Dynamic_CSS::support_font_css_to_widget_and_in_editor(); + $font_weight_prop = ( $is_widget_title_support_font_weight ) ? 'inherit' : 'normal'; + + // Fallback for H1 - headings typography. + if ( 'inherit' == $h1_font_family ) { + $h1_font_family = $headings_font_family; + } + if ( $font_weight_prop === $h1_font_weight ) { + $h1_font_weight = $headings_font_weight; + } + if ( '' == $h1_text_transform ) { + $h1_text_transform = $headings_text_transform; + } + if ( '' == $h1_line_height ) { + $h1_line_height = $headings_line_height; + } + + // Fallback for H2 - headings typography. + if ( 'inherit' == $h2_font_family ) { + $h2_font_family = $headings_font_family; + } + if ( $font_weight_prop === $h2_font_weight ) { + $h2_font_weight = $headings_font_weight; + } + if ( '' == $h2_text_transform ) { + $h2_text_transform = $headings_text_transform; + } + if ( '' == $h2_line_height ) { + $h2_line_height = $headings_line_height; + } + + // Fallback for H3 - headings typography. + if ( 'inherit' == $h3_font_family ) { + $h3_font_family = $headings_font_family; + } + if ( $font_weight_prop === $h3_font_weight ) { + $h3_font_weight = $headings_font_weight; + } + if ( '' == $h3_text_transform ) { + $h3_text_transform = $headings_text_transform; + } + if ( '' == $h3_line_height ) { + $h3_line_height = $headings_line_height; + } + + // Fallback for H4 - headings typography. + $h4_line_height = $headings_line_height; + + // Fallback for H5 - headings typography. + $h5_line_height = $headings_line_height; + + // Fallback for H6 - headings typography. + $h6_line_height = $headings_line_height; + + if ( empty( $btn_color ) ) { + $btn_color = astra_get_foreground_color( $theme_color ); + } + + if ( empty( $btn_h_color ) ) { + $btn_h_color = astra_get_foreground_color( $link_h_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; + } + + // check the selection color incase of empty/no theme color. + $selection_text_color = ( 'transparent' === $highlight_theme_color ) ? '' : $highlight_theme_color; + + $css = ''; + + $desktop_css = array( + 'html' => array( + 'font-size' => astra_get_font_css_value( (int) $body_font_size_desktop * 6.25, '%' ), + ), + 'a' => array( + 'color' => esc_attr( $link_color ), + ), + + // Global selection CSS. + '.block-editor-block-list__layout .block-editor-block-list__block ::selection,.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected .editor-block-list__block-edit:before' => array( + 'background-color' => esc_attr( $theme_color ), + ), + '.block-editor-block-list__layout .block-editor-block-list__block ::selection,.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected .editor-block-list__block-edit' => array( + 'color' => esc_attr( $selection_text_color ), + ), + '.ast-separate-container .edit-post-visual-editor, .ast-page-builder-template .edit-post-visual-editor, .ast-plain-container .edit-post-visual-editor, .ast-separate-container #wpwrap #editor .edit-post-visual-editor' => astra_get_responsive_background_obj( $box_bg_obj, 'desktop' ), + '.editor-post-title__block,.editor-default-block-appender,.block-editor-block-list__block' => array( + 'max-width' => astra_get_css_value( $site_content_width, 'px' ), + ), + '.block-editor-block-list__block[data-align=wide]' => array( + 'max-width' => astra_get_css_value( $site_content_width + 200, 'px' ), + ), + '.editor-post-title__block .editor-post-title__input, .edit-post-visual-editor .block-editor-block-list__block h1, .edit-post-visual-editor .block-editor-block-list__block h2, .edit-post-visual-editor .block-editor-block-list__block h3, .edit-post-visual-editor .block-editor-block-list__block h4, .edit-post-visual-editor .block-editor-block-list__block h5, .edit-post-visual-editor .block-editor-block-list__block h6' => array( + 'font-family' => astra_get_css_value( $headings_font_family, 'font' ), + 'font-weight' => astra_get_css_value( $headings_font_weight, 'font' ), + 'text-transform' => esc_attr( $headings_text_transform ), + ), + '.edit-post-visual-editor h1, .edit-post-visual-editor h2, .edit-post-visual-editor h3, .edit-post-visual-editor h4, .edit-post-visual-editor h5, .edit-post-visual-editor h6' => array( + 'line-height' => esc_attr( $headings_line_height ), + ), + '.edit-post-visual-editor.editor-styles-wrapper p,.block-editor-block-list__block p, .block-editor-block-list__layout, .editor-post-title' => array( + 'font-size' => astra_responsive_font( $body_font_size, 'desktop' ), + ), + '.edit-post-visual-editor.editor-styles-wrapper p,.block-editor-block-list__block p, .wp-block-latest-posts a,.editor-default-block-appender textarea.editor-default-block-appender__content, .block-editor-block-list__block, .block-editor-block-list__block h1, .block-editor-block-list__block h2, .block-editor-block-list__block h3, .block-editor-block-list__block h4, .block-editor-block-list__block h5, .block-editor-block-list__block h6, .edit-post-visual-editor .editor-styles-wrapper' => array( + 'font-family' => astra_get_font_family( $body_font_family ), + 'font-weight' => esc_attr( $body_font_weight ), + 'font-size' => astra_responsive_font( $body_font_size, 'desktop' ), + 'line-height' => esc_attr( $body_line_height ), + 'text-transform' => esc_attr( $body_text_transform ), + 'margin-bottom' => astra_get_css_value( $para_margin_bottom, 'em' ), + ), + '.editor-post-title__block .editor-post-title__input' => array( + 'font-family' => ( 'inherit' === $headings_font_family ) ? astra_get_font_family( $body_font_family ) : astra_get_font_family( $headings_font_family ), + 'font-size' => astra_responsive_font( $single_post_title_font_size, 'desktop' ), + 'font-weight' => 'normal', + ), + '.block-editor-block-list__block' => array( + 'color' => esc_attr( $text_color ), + ), + /** + * Content base heading color. + */ + '.editor-post-title__block .editor-post-title__input, .wc-block-grid__product-title, .edit-post-visual-editor .block-editor-block-list__block h1, .edit-post-visual-editor .block-editor-block-list__block h2, .edit-post-visual-editor .block-editor-block-list__block h3, .edit-post-visual-editor .block-editor-block-list__block h4, .edit-post-visual-editor .block-editor-block-list__block h5, .edit-post-visual-editor .block-editor-block-list__block h6, .edit-post-visual-editor .wp-block-heading, .edit-post-visual-editor .wp-block-uagb-advanced-heading h1, .edit-post-visual-editor .wp-block-uagb-advanced-heading h2, .edit-post-visual-editor .wp-block-uagb-advanced-heading h3, .edit-post-visual-editor .wp-block-uagb-advanced-heading h4, .edit-post-visual-editor .wp-block-uagb-advanced-heading h5, .edit-post-visual-editor .wp-block-uagb-advanced-heading h6' => array( + 'color' => esc_attr( $heading_base_color ), + ), + // Blockquote Text Color. + 'blockquote' => array( + 'color' => astra_adjust_brightness( $text_color, 75, 'darken' ), + ), + 'blockquote .editor-rich-text__tinymce a' => array( + 'color' => astra_hex_to_rgba( $link_color, 1 ), + ), + 'blockquote' => array( + 'border-color' => astra_hex_to_rgba( $link_color, 0.05 ), + ), + '.block-editor-block-list__block .wp-block-quote:not(.is-large):not(.is-style-large), .edit-post-visual-editor .wp-block-pullquote blockquote' => array( + 'border-color' => astra_hex_to_rgba( $link_color, 0.15 ), + ), + + // Heading H1 - H6 font size. + '.edit-post-visual-editor .block-editor-block-list__block h1, .wp-block-heading h1, .wp-block-freeform.block-library-rich-text__tinymce h1, .edit-post-visual-editor .wp-block-heading h1, .wp-block-heading h1.editor-rich-text__tinymce, .editor-styles-wrapper .wp-block-uagb-advanced-heading h1, .edit-post-visual-editor h1.block-editor-block-list__block' => array( + 'font-size' => astra_responsive_font( $heading_h1_font_size, 'desktop' ), + 'font-family' => astra_get_css_value( $h1_font_family, 'font' ), + 'font-weight' => astra_get_css_value( $h1_font_weight, 'font' ), + 'line-height' => esc_attr( $h1_line_height ), + 'text-transform' => esc_attr( $h1_text_transform ), + ), + '.edit-post-visual-editor .block-editor-block-list__block h2, .wp-block-heading h2, .wp-block-freeform.block-library-rich-text__tinymce h2, .edit-post-visual-editor .wp-block-heading h2, .wp-block-heading h2.editor-rich-text__tinymce, .editor-styles-wrapper .wp-block-uagb-advanced-heading h2, .edit-post-visual-editor h2.block-editor-block-list__block' => array( + 'font-size' => astra_responsive_font( $heading_h2_font_size, 'desktop' ), + 'font-family' => astra_get_css_value( $h2_font_family, 'font' ), + 'font-weight' => astra_get_css_value( $h2_font_weight, 'font' ), + 'line-height' => esc_attr( $h2_line_height ), + 'text-transform' => esc_attr( $h2_text_transform ), + ), + '.edit-post-visual-editor .block-editor-block-list__block h3, .wp-block-heading h3, .wp-block-freeform.block-library-rich-text__tinymce h3, .edit-post-visual-editor .wp-block-heading h3, .wp-block-heading h3.editor-rich-text__tinymce, .editor-styles-wrapper .wp-block-uagb-advanced-heading h3, .edit-post-visual-editor h3.block-editor-block-list__block' => array( + 'font-size' => astra_responsive_font( $heading_h3_font_size, 'desktop' ), + 'font-family' => astra_get_css_value( $h3_font_family, 'font' ), + 'font-weight' => astra_get_css_value( $h3_font_weight, 'font' ), + 'line-height' => esc_attr( $h3_line_height ), + 'text-transform' => esc_attr( $h3_text_transform ), + ), + '.edit-post-visual-editor .block-editor-block-list__block h4, .wp-block-heading h4, .wp-block-freeform.block-library-rich-text__tinymce h4, .edit-post-visual-editor .wp-block-heading h4, .wp-block-heading h4.editor-rich-text__tinymce, .editor-styles-wrapper .wp-block-uagb-advanced-heading h4, .edit-post-visual-editor h4.block-editor-block-list__block' => array( + 'font-size' => astra_responsive_font( $heading_h4_font_size, 'desktop' ), + 'line-height' => esc_attr( $h4_line_height ), + ), + '.edit-post-visual-editor .block-editor-block-list__block h5, .wp-block-heading h5, .wp-block-freeform.block-library-rich-text__tinymce h5, .edit-post-visual-editor .wp-block-heading h5, .wp-block-heading h5.editor-rich-text__tinymce, .editor-styles-wrapper .wp-block-uagb-advanced-heading h5, .edit-post-visual-editor h5.block-editor-block-list__block' => array( + 'font-size' => astra_responsive_font( $heading_h5_font_size, 'desktop' ), + 'line-height' => esc_attr( $h5_line_height ), + ), + '.edit-post-visual-editor .block-editor-block-list__block h6, .wp-block-heading h6, .wp-block-freeform.block-library-rich-text__tinymce h6, .edit-post-visual-editor .wp-block-heading h6, .wp-block-heading h6.editor-rich-text__tinymce, .editor-styles-wrapper .wp-block-uagb-advanced-heading h6, .edit-post-visual-editor h6.block-editor-block-list__block' => array( + 'font-size' => astra_responsive_font( $heading_h6_font_size, 'desktop' ), + 'line-height' => esc_attr( $h6_line_height ), + ), + /** + * WooCommerce Grid Products compatibility. + */ + '.wc-block-grid__product-title' => array( + 'color' => esc_attr( $text_color ), + ), + '.wc-block-grid__product .wc-block-grid__product-onsale' => array( + 'background-color' => $theme_color, + 'color' => astra_get_foreground_color( $theme_color ), + ), + '.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wp-block-button__link, .wc-block-grid__product-onsale' => array( + 'color' => $btn_color, + 'border-color' => $btn_bg_color, + 'background-color' => $btn_bg_color, + ), + '.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover' => array( + 'color' => $btn_h_color, + 'border-color' => $btn_bg_h_color, + 'background-color' => $btn_bg_h_color, + ), + '.wc-block-grid__products .wc-block-grid__product .wp-block-button__link' => array( + 'border-radius' => astra_get_css_value( $btn_border_radius, 'px' ), + 'padding-top' => astra_responsive_spacing( $theme_btn_padding, 'top', 'desktop' ), + 'padding-right' => astra_responsive_spacing( $theme_btn_padding, 'right', 'desktop' ), + 'padding-bottom' => astra_responsive_spacing( $theme_btn_padding, 'bottom', 'desktop' ), + 'padding-left' => astra_responsive_spacing( $theme_btn_padding, 'left', 'desktop' ), + ), + ); + + if ( astra_wp_version_compare( '5.7', '>=' ) ) { + $base_background_color = astra_get_responsive_background_obj( $box_bg_obj, 'desktop' ); + if ( empty( $base_background_color ) ) { + $background_style_data = array( + 'background-color' => '#ffffff', + ); + } else { + $background_style_data = $base_background_color; + } + + $desktop_css['.edit-post-visual-editor'] = array( + 'padding' => '20px', + 'padding-top' => 'calc(2em + 20px)', + ); + $desktop_css['.ast-page-builder-template .edit-post-visual-editor'] = array( + 'padding' => '0', + 'padding-top' => '2em', + ); + $desktop_css['.ast-separate-container .editor-post-title'] = array( + 'margin-top' => '0', + ); + $desktop_css['.editor-styles-wrapper .block-editor-writing-flow'] = array( + 'height' => '100%', + 'padding' => '10px', + ); + $desktop_css['.edit-post-visual-editor .editor-styles-wrapper'] = array( + 'max-width' => astra_get_css_value( $site_content_width - 56, 'px' ), + 'width' => '100%', + 'margin' => '0 auto', + 'padding' => '0', + ); + $desktop_css['.ast-page-builder-template .edit-post-visual-editor .editor-styles-wrapper'] = array( + 'max-width' => '100%', + ); + $desktop_css['.ast-separate-container .edit-post-visual-editor .block-editor-block-list__layout .wp-block[data-align="full"] figure.wp-block-image, .ast-separate-container .edit-post-visual-editor .wp-block[data-align="full"] .wp-block-cover'] = array( + 'margin-left' => 'calc(-4.8em - 10px)', + 'margin-right' => 'calc(-4.8em - 10px)', + ); + $desktop_css['.ast-page-builder-template .editor-styles-wrapper .block-editor-writing-flow, .ast-plain-container .editor-styles-wrapper .block-editor-writing-flow, #editor .edit-post-visual-editor'] = $background_style_data; + } + + if ( ( ( ! in_array( 'single-title-meta', $single_post_title ) ) && ( 'post' === get_post_type() ) ) || ( 'disabled' === $title_enabled_from_meta ) ) { + $destop_title_css = array( + '.editor-post-title__block' => array( + 'opacity' => '0.2', + ), + ); + $css .= astra_parse_css( $destop_title_css ); + } + + $content_links_underline = astra_get_option( 'underline-content-links' ); + + if ( $content_links_underline ) { + $desktop_css['.edit-post-visual-editor a'] = array( + 'text-decoration' => 'underline', + ); + } + + $css .= astra_parse_css( $desktop_css ); + + /** + * Global button CSS - Tablet. + */ + $css_prod_button_tablet = array( + '.wc-block-grid__products .wc-block-grid__product .wp-block-button__link' => array( + 'padding-top' => astra_responsive_spacing( $theme_btn_padding, 'top', 'tablet' ), + 'padding-right' => astra_responsive_spacing( $theme_btn_padding, 'right', 'tablet' ), + 'padding-bottom' => astra_responsive_spacing( $theme_btn_padding, 'bottom', 'tablet' ), + 'padding-left' => astra_responsive_spacing( $theme_btn_padding, 'left', 'tablet' ), + ), + ); + + if ( astra_wp_version_compare( '5.7', '>=' ) ) { + $css_prod_button_tablet['.ast-page-builder-template .editor-styles-wrapper .block-editor-writing-flow, .ast-plain-container .editor-styles-wrapper .block-editor-writing-flow'] = astra_get_responsive_background_obj( $box_bg_obj, 'tablet' ); + } + + $css .= astra_parse_css( $css_prod_button_tablet, '', astra_get_tablet_breakpoint() ); + + /** + * Global button CSS - Mobile. + */ + $css_prod_button_mobile = array( + '.wc-block-grid__products .wc-block-grid__product .wp-block-button__link' => array( + 'padding-top' => astra_responsive_spacing( $theme_btn_padding, 'top', 'mobile' ), + 'padding-right' => astra_responsive_spacing( $theme_btn_padding, 'right', 'mobile' ), + 'padding-bottom' => astra_responsive_spacing( $theme_btn_padding, 'bottom', 'mobile' ), + 'padding-left' => astra_responsive_spacing( $theme_btn_padding, 'left', 'mobile' ), + ), + ); + + if ( astra_wp_version_compare( '5.7', '>=' ) ) { + $css_prod_button_mobile['.ast-page-builder-template .editor-styles-wrapper .block-editor-writing-flow, .ast-plain-container .editor-styles-wrapper .block-editor-writing-flow'] = astra_get_responsive_background_obj( $box_bg_obj, 'mobile' ); + } + + $css .= astra_parse_css( $css_prod_button_mobile, '', astra_get_mobile_breakpoint() ); + + $theme_btn_top_border = ( isset( $global_custom_button_border_size['top'] ) && '' !== $global_custom_button_border_size['top'] ) ? astra_get_css_value( $global_custom_button_border_size['top'], 'px' ) : '1px'; + $theme_btn_right_border = ( isset( $global_custom_button_border_size['right'] ) && '' !== $global_custom_button_border_size['right'] ) ? astra_get_css_value( $global_custom_button_border_size['right'], 'px' ) : '1px'; + $theme_btn_left_border = ( isset( $global_custom_button_border_size['left'] ) && '' !== $global_custom_button_border_size['left'] ) ? astra_get_css_value( $global_custom_button_border_size['left'], 'px' ) : '1px'; + $theme_btn_bottom_border = ( isset( $global_custom_button_border_size['bottom'] ) && '' !== $global_custom_button_border_size['bottom'] ) ? astra_get_css_value( $global_custom_button_border_size['bottom'], 'px' ) : '1px'; + + if ( Astra_Dynamic_CSS::page_builder_button_style_css() ) { + + $is_support_wp_5_8 = Astra_Dynamic_CSS::is_block_editor_support_enabled(); + $search_button_selector = $is_support_wp_5_8 ? ', .block-editor-writing-flow .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button' : ''; + $search_button_hover_selector = $is_support_wp_5_8 ? ', .block-editor-writing-flow .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover, .block-editor-writing-flow .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:focus' : ''; + + $button_desktop_css = array( + /** + * Gutenberg button compatibility for default styling. + */ + '.wp-block-button .wp-block-button__link' . $search_button_selector => array( + 'border-style' => 'solid', + 'border-top-width' => $theme_btn_top_border, + 'border-right-width' => $theme_btn_right_border, + 'border-left-width' => $theme_btn_left_border, + 'border-bottom-width' => $theme_btn_bottom_border, + 'color' => esc_attr( $btn_color ), + 'border-color' => empty( $btn_border_color ) ? esc_attr( $btn_bg_color ) : esc_attr( $btn_border_color ), + 'background-color' => esc_attr( $btn_bg_color ), + 'font-family' => astra_get_font_family( $theme_btn_font_family ), + 'font-weight' => esc_attr( $theme_btn_font_weight ), + 'line-height' => esc_attr( $theme_btn_line_height ), + 'text-transform' => esc_attr( $theme_btn_text_transform ), + 'letter-spacing' => astra_get_css_value( $theme_btn_letter_spacing, 'px' ), + 'font-size' => astra_responsive_font( $theme_btn_font_size, 'desktop' ), + 'border-radius' => astra_get_css_value( $btn_border_radius, 'px' ), + 'padding-top' => astra_responsive_spacing( $theme_btn_padding, 'top', 'desktop' ), + 'padding-right' => astra_responsive_spacing( $theme_btn_padding, 'right', 'desktop' ), + 'padding-bottom' => astra_responsive_spacing( $theme_btn_padding, 'bottom', 'desktop' ), + 'padding-left' => astra_responsive_spacing( $theme_btn_padding, 'left', 'desktop' ), + ), + '.wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus' . $search_button_hover_selector => array( + 'color' => esc_attr( $btn_h_color ), + 'background-color' => esc_attr( $btn_bg_h_color ), + 'border-color' => empty( $btn_border_h_color ) ? esc_attr( $btn_bg_h_color ) : esc_attr( $btn_border_h_color ), + ), + ); + + if ( $is_support_wp_5_8 ) { + $button_desktop_css['.wp-block-search .wp-block-search__input, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper'] = array( + 'border-color' => '#eaeaea', + 'background' => '#fafafa', + ); + $button_desktop_css['.block-editor-writing-flow .wp-block-search .wp-block-search__inside-wrapper .wp-block-search__input'] = array( + 'padding' => '15px', + ); + $button_desktop_css['.wp-block-search__button svg'] = array( + 'fill' => 'currentColor', + ); + } + + $css .= astra_parse_css( $button_desktop_css ); + + /** + * Global button CSS - Tablet. + */ + $css_global_button_tablet = array( + '.wp-block-button .wp-block-button__link' => array( + 'padding-top' => astra_responsive_spacing( $theme_btn_padding, 'top', 'tablet' ), + 'padding-right' => astra_responsive_spacing( $theme_btn_padding, 'right', 'tablet' ), + 'padding-bottom' => astra_responsive_spacing( $theme_btn_padding, 'bottom', 'tablet' ), + 'padding-left' => astra_responsive_spacing( $theme_btn_padding, 'left', 'tablet' ), + ), + ); + + $css .= astra_parse_css( $css_global_button_tablet, '', astra_get_tablet_breakpoint() ); + + /** + * Global button CSS - Mobile. + */ + $css_global_button_mobile = array( + '.wp-block-button .wp-block-button__link' => array( + 'padding-top' => astra_responsive_spacing( $theme_btn_padding, 'top', 'mobile' ), + 'padding-right' => astra_responsive_spacing( $theme_btn_padding, 'right', 'mobile' ), + 'padding-bottom' => astra_responsive_spacing( $theme_btn_padding, 'bottom', 'mobile' ), + 'padding-left' => astra_responsive_spacing( $theme_btn_padding, 'left', 'mobile' ), + ), + ); + + $css .= astra_parse_css( $css_global_button_mobile, '', astra_get_mobile_breakpoint() ); + } + + if ( Astra_Dynamic_CSS::gutenberg_core_patterns_compat() ) { + + $link_hover_color = astra_get_option( 'link-h-color' ); + $btn_text_hover_color = astra_get_option( 'button-h-color' ); + if ( empty( $btn_text_hover_color ) ) { + $btn_text_hover_color = astra_get_foreground_color( $link_hover_color ); + } + + /** + * When supporting GB button outline patterns in v3.3.0 we have given 2px as default border for GB outline button, where we restrict button border for flat type buttons. + * But now while reverting this change there is no need of default border because whatever customizer border will set it should behave accordingly. Although it is empty ('') WP applying 2px as default border for outline buttons. + * + * @since 3.6.3 + */ + $default_border_size = '2px'; + if ( ! astra_button_default_padding_updated() ) { + $default_border_size = ''; + } + + // Outline Gutenberg button compatibility CSS. + $theme_btn_top_border = ( isset( $global_custom_button_border_size['top'] ) && ( '' !== $global_custom_button_border_size['top'] && '0' !== $global_custom_button_border_size['top'] ) ) ? astra_get_css_value( $global_custom_button_border_size['top'], 'px' ) : $default_border_size; + $theme_btn_right_border = ( isset( $global_custom_button_border_size['right'] ) && ( '' !== $global_custom_button_border_size['right'] && '0' !== $global_custom_button_border_size['right'] ) ) ? astra_get_css_value( $global_custom_button_border_size['right'], 'px' ) : $default_border_size; + $theme_btn_left_border = ( isset( $global_custom_button_border_size['left'] ) && ( '' !== $global_custom_button_border_size['left'] && '0' !== $global_custom_button_border_size['left'] ) ) ? astra_get_css_value( $global_custom_button_border_size['left'], 'px' ) : $default_border_size; + $theme_btn_bottom_border = ( isset( $global_custom_button_border_size['bottom'] ) && ( '' !== $global_custom_button_border_size['bottom'] && '0' !== $global_custom_button_border_size['bottom'] ) ) ? astra_get_css_value( $global_custom_button_border_size['bottom'], 'px' ) : $default_border_size; + + // Added CSS compatibility support for Gutenberg pattern. + $button_patterns_compat_css = array( + '.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color), .wp-block-button.wp-block-button__link.is-style-outline:not(.has-text-color)' => array( + 'color' => empty( $btn_border_color ) ? esc_attr( $btn_bg_color ) : esc_attr( $btn_border_color ), + ), + '.wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus' => array( + 'color' => esc_attr( $btn_text_hover_color ) . ' !important', + ), + '.wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus' => array( + 'border-color' => empty( $btn_border_h_color ) ? esc_attr( $btn_bg_h_color ) : esc_attr( $btn_border_h_color ), + ), + ); + + if ( ! astra_button_default_padding_updated() ) { + $button_patterns_compat_css['.wp-block-button .wp-block-button__link'] = array( + 'border' => 'none', + 'padding' => '15px 30px', + ); + $button_patterns_compat_css['.wp-block-button.is-style-outline .wp-block-button__link'] = array( + 'border-style' => 'solid', + 'border-top-width' => esc_attr( $theme_btn_top_border ), + 'border-right-width' => esc_attr( $theme_btn_right_border ), + 'border-bottom-width' => esc_attr( $theme_btn_bottom_border ), + 'border-left-width' => esc_attr( $theme_btn_left_border ), + 'border-color' => empty( $btn_border_color ) ? esc_attr( $btn_bg_color ) : esc_attr( $btn_border_color ), + 'padding-top' => 'calc(15px - ' . (int) $theme_btn_top_border . 'px)', + 'padding-right' => 'calc(30px - ' . (int) $theme_btn_right_border . 'px)', + 'padding-bottom' => 'calc(15px - ' . (int) $theme_btn_bottom_border . 'px)', + 'padding-left' => 'calc(30px - ' . (int) $theme_btn_left_border . 'px)', + ); + } + + $css .= astra_parse_css( $button_patterns_compat_css ); + + if ( ! astra_button_default_padding_updated() ) { + // Tablet CSS. + $button_patterns_tablet_compat_css = array( + '.wp-block-button .wp-block-button__link' => array( + 'border' => 'none', + 'padding' => '15px 30px', + ), + '.wp-block-button.is-style-outline .wp-block-button__link' => array( + 'padding-top' => 'calc(15px - ' . (int) $theme_btn_top_border . 'px)', + 'padding-right' => 'calc(30px - ' . (int) $theme_btn_right_border . 'px)', + 'padding-bottom' => 'calc(15px - ' . (int) $theme_btn_bottom_border . 'px)', + 'padding-left' => 'calc(30px - ' . (int) $theme_btn_left_border . 'px)', + ), + ); + + $css .= astra_parse_css( $button_patterns_tablet_compat_css, '', astra_get_tablet_breakpoint() ); + + // Mobile CSS. + $button_patterns_mobile_compat_css = array( + '.wp-block-button .wp-block-button__link' => array( + 'border' => 'none', + 'padding' => '15px 30px', + ), + '.wp-block-button.is-style-outline .wp-block-button__link' => array( + 'padding-top' => 'calc(15px - ' . (int) $theme_btn_top_border . 'px)', + 'padding-right' => 'calc(30px - ' . (int) $theme_btn_right_border . 'px)', + 'padding-bottom' => 'calc(15px - ' . (int) $theme_btn_bottom_border . 'px)', + 'padding-left' => 'calc(30px - ' . (int) $theme_btn_left_border . 'px)', + ), + ); + + $css .= astra_parse_css( $button_patterns_mobile_compat_css, '', astra_get_mobile_breakpoint() ); + } + + if ( $is_site_rtl ) { + $gb_patterns_min_mobile_css = array( + '.editor-styles-wrapper .alignleft' => array( + 'margin-left' => '20px', + ), + '.editor-styles-wrapper .alignright' => array( + 'margin-right' => '20px', + ), + ); + } else { + $gb_patterns_min_mobile_css = array( + '.editor-styles-wrapper .alignleft' => array( + 'margin-right' => '20px', + ), + '.editor-styles-wrapper .alignright' => array( + 'margin-left' => '20px', + ), + ); + } + + if ( ! astra_button_default_padding_updated() ) { + $gb_patterns_min_mobile_css['.editor-styles-wrapper p.has-background'] = array( + 'padding' => '20px', + ); + } + + /* Parse CSS from array() -> min-width: (mobile-breakpoint) px CSS */ + $css .= astra_parse_css( $gb_patterns_min_mobile_css ); + } + + if ( Astra_Dynamic_CSS::gutenberg_core_blocks_css_comp() ) { + + $desktop_screen_gb_css = array( + '.wp-block-columns' => array( + 'margin-bottom' => 'unset', + ), + 'figure.size-full' => array( + 'margin' => '2rem 0', + ), + '.wp-block-gallery' => array( + 'margin-bottom' => '1.6em', + ), + '.wp-block-group' => array( + 'padding-top' => '4em', + 'padding-bottom' => '4em', + ), + '.wp-block-group__inner-container:last-child, .wp-block-table table' => array( + 'margin-bottom' => '0', + ), + '.blocks-gallery-grid' => array( + 'width' => '100%', + ), + '.wp-block-navigation-link__content' => array( + 'padding' => '5px 0', + ), + '.wp-block-group .wp-block-group .has-text-align-center, .wp-block-group .wp-block-column .has-text-align-center' => array( + 'max-width' => '100%', + ), + '.has-text-align-center' => array( + 'margin' => '0 auto', + ), + ); + + /* Parse CSS from array() -> Desktop CSS */ + $css .= astra_parse_css( $desktop_screen_gb_css ); + + $middle_screen_min_gb_css = array( + '.wp-block-cover__inner-container, .alignwide .wp-block-group__inner-container, .alignfull .wp-block-group__inner-container' => array( + 'max-width' => '1200px', + 'margin' => '0 auto', + ), + '.wp-block-group.alignnone, .wp-block-group.aligncenter, .wp-block-group.alignleft, .wp-block-group.alignright, .wp-block-group.alignwide, .wp-block-columns.alignwide' => array( + 'margin' => '2rem 0 1rem 0', + ), + ); + + /* Parse CSS from array() -> min-width: (1200)px CSS */ + $css .= astra_parse_css( $middle_screen_min_gb_css, '1200' ); + + $middle_screen_max_gb_css = array( + '.wp-block-group' => array( + 'padding' => '3em', + ), + '.wp-block-group .wp-block-group' => array( + 'padding' => '1.5em', + ), + '.wp-block-columns, .wp-block-column' => array( + 'margin' => '1rem 0', + ), + ); + + /* Parse CSS from array() -> max-width: (1200)px CSS */ + $css .= astra_parse_css( $middle_screen_max_gb_css, '', '1200' ); + + $tablet_screen_min_gb_css = array( + '.wp-block-columns .wp-block-group' => array( + 'padding' => '2em', + ), + ); + + /* Parse CSS from array() -> min-width: (tablet-breakpoint)px CSS */ + $css .= astra_parse_css( $tablet_screen_min_gb_css, astra_get_tablet_breakpoint() ); + + $mobile_screen_max_gb_css = array( + '.wp-block-media-text .wp-block-media-text__content' => array( + 'padding' => '3em 2em', + ), + '.wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover__inner-container' => array( + 'width' => 'unset', + ), + '.wp-block-cover, .wp-block-cover-image' => array( + 'padding' => '2em 0', + ), + '.wp-block-group, .wp-block-cover' => array( + 'padding' => '2em', + ), + '.wp-block-media-text__media img, .wp-block-media-text__media video' => array( + 'width' => 'unset', + 'max-width' => '100%', + ), + '.wp-block-media-text.has-background .wp-block-media-text__content' => array( + 'padding' => '1em', + ), + ); + + /* Parse CSS from array() -> max-width: (mobile-breakpoint)px CSS */ + $css .= astra_parse_css( $mobile_screen_max_gb_css, '', astra_get_mobile_breakpoint() ); + } + + if ( Astra_Dynamic_CSS::gutenberg_core_patterns_compat() ) { + + // Added CSS compatibility support for Gutenberg Editor's Media & Text block pattern. + if ( $is_site_rtl ) { + $gb_editor_block_pattern_css = array( + '.wp-block-media-text .wp-block-media-text__content .wp-block-group__inner-container' => array( + 'padding' => '0 8% 0 0', + ), + '.ast-separate-container .block-editor-block-list__layout .wp-block[data-align="full"] .wp-block[data-align="center"] > .wp-block-image' => array( + 'margin-right' => 'auto', + 'margin-left' => 'auto', + ), + ); + } else { + $gb_editor_block_pattern_css = array( + '.wp-block-media-text .wp-block-media-text__content .wp-block-group__inner-container' => array( + 'padding' => '0 0 0 8%', + ), + '.ast-separate-container .block-editor-block-list__layout .wp-block[data-align="full"] .wp-block[data-align="center"] > .wp-block-image' => array( + 'margin-right' => 'auto', + 'margin-left' => 'auto', + ), + ); + } + + $gb_editor_block_pattern_css['.block-editor-block-list__layout * .block-editor-block-list__block'] = array( + 'padding-left' => '20px', + 'padding-right' => '20px', + ); + + $css .= astra_parse_css( $gb_editor_block_pattern_css ); + } + + $tablet_css = array( + '.editor-post-title__block .editor-post-title__input' => array( + 'font-size' => astra_responsive_font( $single_post_title_font_size, 'tablet', 30 ), + ), + // Heading H1 - H6 font size. + '.edit-post-visual-editor h1, .wp-block-heading h1, .wp-block-freeform.block-library-rich-text__tinymce h1, .edit-post-visual-editor .wp-block-heading h1, .wp-block-heading h1.editor-rich-text__tinymce, .editor-styles-wrapper .wp-block-uagb-advanced-heading h1' => array( + 'font-size' => astra_responsive_font( $heading_h1_font_size, 'tablet', 30 ), + ), + '.edit-post-visual-editor h2, .wp-block-heading h2, .wp-block-freeform.block-library-rich-text__tinymce h2, .edit-post-visual-editor .wp-block-heading h2, .wp-block-heading h2.editor-rich-text__tinymce, .editor-styles-wrapper .wp-block-uagb-advanced-heading h2' => array( + 'font-size' => astra_responsive_font( $heading_h2_font_size, 'tablet', 25 ), + ), + '.edit-post-visual-editor h3, .wp-block-heading h3, .wp-block-freeform.block-library-rich-text__tinymce h3, .edit-post-visual-editor .wp-block-heading h3, .wp-block-heading h3.editor-rich-text__tinymce, .editor-styles-wrapper .wp-block-uagb-advanced-heading h3' => array( + 'font-size' => astra_responsive_font( $heading_h3_font_size, 'tablet', 20 ), + ), + '.edit-post-visual-editor h4, .wp-block-heading h4, .wp-block-freeform.block-library-rich-text__tinymce h4, .edit-post-visual-editor .wp-block-heading h4, .wp-block-heading h4.editor-rich-text__tinymce, .editor-styles-wrapper .wp-block-uagb-advanced-heading h4' => array( + 'font-size' => astra_responsive_font( $heading_h4_font_size, 'tablet' ), + ), + '.edit-post-visual-editor h5, .wp-block-heading h5, .wp-block-freeform.block-library-rich-text__tinymce h5, .edit-post-visual-editor .wp-block-heading h5, .wp-block-heading h5.editor-rich-text__tinymce, .editor-styles-wrapper .wp-block-uagb-advanced-heading h5' => array( + 'font-size' => astra_responsive_font( $heading_h5_font_size, 'tablet' ), + ), + '.edit-post-visual-editor h6, .wp-block-heading h6, .wp-block-freeform.block-library-rich-text__tinymce h6, .edit-post-visual-editor .wp-block-heading h6, .wp-block-heading h6.editor-rich-text__tinymce, .editor-styles-wrapper .wp-block-uagb-advanced-heading h6' => array( + 'font-size' => astra_responsive_font( $heading_h6_font_size, 'tablet' ), + ), + '.ast-separate-container .edit-post-visual-editor, .ast-page-builder-template .edit-post-visual-editor, .ast-plain-container .edit-post-visual-editor, .ast-separate-container #wpwrap #editor .edit-post-visual-editor' => astra_get_responsive_background_obj( $box_bg_obj, 'tablet' ), + ); + + $css .= astra_parse_css( $tablet_css, '', astra_get_tablet_breakpoint() ); + + $mobile_css = array( + '.editor-post-title__block .editor-post-title__input' => array( + 'font-size' => astra_responsive_font( $single_post_title_font_size, 'mobile', 30 ), + ), + + // Heading H1 - H6 font size. + '.edit-post-visual-editor h1, .wp-block-heading h1, .wp-block-freeform.block-library-rich-text__tinymce h1, .edit-post-visual-editor .wp-block-heading h1, .wp-block-heading h1.editor-rich-text__tinymce, .editor-styles-wrapper .wp-block-uagb-advanced-heading h1' => array( + 'font-size' => astra_responsive_font( $heading_h1_font_size, 'mobile', 30 ), + ), + '.edit-post-visual-editor h2, .wp-block-heading h2, .wp-block-freeform.block-library-rich-text__tinymce h2, .edit-post-visual-editor .wp-block-heading h2, .wp-block-heading h2.editor-rich-text__tinymce, .editor-styles-wrapper .wp-block-uagb-advanced-heading h2' => array( + 'font-size' => astra_responsive_font( $heading_h2_font_size, 'mobile', 25 ), + ), + '.edit-post-visual-editor h3, .wp-block-heading h3, .wp-block-freeform.block-library-rich-text__tinymce h3, .edit-post-visual-editor .wp-block-heading h3, .wp-block-heading h3.editor-rich-text__tinymce, .editor-styles-wrapper .wp-block-uagb-advanced-heading h3' => array( + 'font-size' => astra_responsive_font( $heading_h3_font_size, 'mobile', 20 ), + ), + '.edit-post-visual-editor h4, .wp-block-heading h4, .wp-block-freeform.block-library-rich-text__tinymce h4, .edit-post-visual-editor .wp-block-heading h4, .wp-block-heading h4.editor-rich-text__tinymce, .editor-styles-wrapper .wp-block-uagb-advanced-heading h4' => array( + 'font-size' => astra_responsive_font( $heading_h4_font_size, 'mobile' ), + ), + '.edit-post-visual-editor h5, .wp-block-heading h5, .wp-block-freeform.block-library-rich-text__tinymce h5, .edit-post-visual-editor .wp-block-heading h5, .wp-block-heading h5.editor-rich-text__tinymce, .editor-styles-wrapper .wp-block-uagb-advanced-heading h5' => array( + 'font-size' => astra_responsive_font( $heading_h5_font_size, 'mobile' ), + ), + '.edit-post-visual-editor h6, .wp-block-heading h6, .wp-block-freeform.block-library-rich-text__tinymce h6, .edit-post-visual-editor .wp-block-heading h6, .wp-block-heading h6.editor-rich-text__tinymce, .editor-styles-wrapper .wp-block-uagb-advanced-heading h6' => array( + 'font-size' => astra_responsive_font( $heading_h6_font_size, 'mobile' ), + ), + '.ast-separate-container .edit-post-visual-editor, .ast-page-builder-template .edit-post-visual-editor, .ast-plain-container .edit-post-visual-editor, .ast-separate-container #wpwrap #editor .edit-post-visual-editor' => astra_get_responsive_background_obj( $box_bg_obj, 'mobile' ), + ); + + $css .= astra_parse_css( $mobile_css, '', astra_get_mobile_breakpoint() ); + + if ( is_callable( 'Astra_Woocommerce::astra_global_btn_woo_comp' ) && Astra_Woocommerce::astra_global_btn_woo_comp() ) { + + $woo_global_button_css = array( + '.editor-styles-wrapper .wc-block-grid__products .wc-block-grid__product .wp-block-button__link' => array( + 'border-top-width' => ( isset( $global_custom_button_border_size['top'] ) && '' !== $global_custom_button_border_size['top'] ) ? astra_get_css_value( $global_custom_button_border_size['top'], 'px' ) : '0', + 'border-right-width' => ( isset( $global_custom_button_border_size['right'] ) && '' !== $global_custom_button_border_size['right'] ) ? astra_get_css_value( $global_custom_button_border_size['right'], 'px' ) : '0', + 'border-left-width' => ( isset( $global_custom_button_border_size['left'] ) && '' !== $global_custom_button_border_size['left'] ) ? astra_get_css_value( $global_custom_button_border_size['left'], 'px' ) : '0', + 'border-bottom-width' => ( isset( $global_custom_button_border_size['bottom'] ) && '' !== $global_custom_button_border_size['bottom'] ) ? astra_get_css_value( $global_custom_button_border_size['bottom'], 'px' ) : '0', + 'border-color' => $btn_border_color ? $btn_border_color : $btn_bg_color, + ), + '.wc-block-grid__products .wc-block-grid__product .wp-block-button__link:hover' => array( + 'border-color' => $btn_bg_h_color, + ), + ); + $css .= astra_parse_css( $woo_global_button_css ); + } + + if ( astra_wp_version_compare( '5.4.99', '>=' ) ) { + + $page_builder_css = array( + '.ast-page-builder-template .editor-post-title__block, .ast-page-builder-template .editor-default-block-appender' => array( + 'width' => '100%', + 'max-width' => '100%', + ), + '.ast-page-builder-template .wp-block[data-align="right"] > *' => array( + 'max-width' => 'unset', + 'width' => 'unset', + ), + '.ast-page-builder-template .block-editor-block-list__layout' => array( + 'padding-left' => 0, + 'padding-right' => 0, + ), + '.ast-page-builder-template .editor-block-list__block-edit' => array( + 'padding-left' => '20px', + 'padding-right' => '20px', + ), + '.ast-page-builder-template .editor-block-list__block-edit .editor-block-list__block-edit' => array( + 'padding-left' => '0', + 'padding-right' => '0', + ), + ); + + } else { + + $page_builder_css = array( + '.ast-page-builder-template .editor-post-title__block, .ast-page-builder-template .editor-default-block-appender, .ast-page-builder-template .block-editor-block-list__block' => array( + 'width' => '100%', + 'max-width' => '100%', + ), + '.ast-page-builder-template .block-editor-block-list__layout' => array( + 'padding-left' => 0, + 'padding-right' => 0, + ), + '.ast-page-builder-template .editor-block-list__block-edit' => array( + 'padding-left' => '20px', + 'padding-right' => '20px', + ), + '.ast-page-builder-template .editor-block-list__block-edit .editor-block-list__block-edit' => array( + 'padding-left' => '0', + 'padding-right' => '0', + ), + ); + } + + $css .= astra_parse_css( $page_builder_css ); + + $aligned_full_content_css = array( + '.ast-page-builder-template .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit, .ast-plain-container .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit' => array( + 'margin-left' => '0', + 'margin-right' => '0', + ), + '.ast-page-builder-template .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"], .ast-plain-container .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"]' => array( + 'margin-left' => '0', + 'margin-right' => '0', + ), + ); + + $css .= astra_parse_css( $aligned_full_content_css ); + + $boxed_container = array( + '.ast-separate-container .block-editor-writing-flow, .ast-two-container .block-editor-writing-flow' => array( + 'max-width' => astra_get_css_value( $site_content_width - 56, 'px' ), + 'margin' => '0 auto', + 'background-color' => '#fff', + ), + '.ast-separate-container .gutenberg__editor, .ast-two-container .gutenberg__editor' => array( + 'background-color' => '#f5f5f5', + ), + + '.ast-separate-container .block-editor-block-list__layout, .ast-two-container .editor-block-list__layout' => array( + 'padding-top' => '0', + ), + + '.ast-two-container .editor-post-title, .ast-separate-container .block-editor-block-list__layout, .ast-two-container .editor-post-title' => array( + 'padding-top' => 'calc( 5.34em - 19px)', + 'padding-bottom' => '5.34em', + 'padding-left' => 'calc( 6.67em - 28px )', + 'padding-right' => 'calc( 6.67em - 28px )', + ), + '.ast-separate-container .block-editor-block-list__layout' => array( + 'padding-top' => '0', + 'padding-bottom' => '5.34em', + 'padding-left' => 'calc( 6.67em - 28px )', + 'padding-right' => 'calc( 6.67em - 28px )', + ), + '.ast-separate-container .editor-post-title' => array( + 'padding-top' => 'calc( 5.34em - 19px)', + 'padding-bottom' => '5.34em', + 'padding-left' => 'calc( 6.67em - 28px )', + 'padding-right' => 'calc( 6.67em - 28px )', + ), + + '.ast-separate-container .editor-post-title, .ast-two-container .editor-post-title' => array( + 'padding-bottom' => '0', + ), + '.ast-separate-container .editor-block-list__block, .ast-two-container .editor-block-list__block' => array( + 'max-width' => 'calc(' . astra_get_css_value( $site_content_width, 'px' ) . ' - 6.67em)', + ), + '.ast-separate-container .editor-block-list__block[data-align=wide], .ast-two-container .editor-block-list__block[data-align=wide]' => array( + 'margin-left' => '-20px', + 'margin-right' => '-20px', + ), + '.ast-separate-container .editor-block-list__block[data-align=full], .ast-two-container .editor-block-list__block[data-align=full]' => array( + 'margin-left' => '-6.67em', + 'margin-right' => '-6.67em', + ), + '.ast-separate-container .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"], .ast-separate-container .block-editor-block-list__layout .editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit, .ast-two-container .block-editor-block-list__layout .editor-block-list__block[data-align="full"], .ast-two-container .block-editor-block-list__layout .editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit' => array( + 'margin-left' => '0', + 'margin-right' => '0', + ), + ); + + $css .= astra_parse_css( $boxed_container ); + + // Manage the extra padding applied in the block inster preview of blocks. + $block_inserter_css = array( + '.ast-separate-container .block-editor-inserter__preview .block-editor-block-list__layout' => array( + 'padding-top' => '0px', + 'padding-bottom' => '0px', + 'padding-left' => '0px', + 'padding-right' => '0px', + ), + ); + + $css .= astra_parse_css( $block_inserter_css ); + + // WP 5.5 compatibility fix the extra padding applied for the block patterns in the editor view. + if ( astra_wp_version_compare( '5.4.99', '>=' ) ) { + + $block_pattern_css = array( + '.ast-separate-container .block-editor-inserter__panel-content .block-editor-block-list__layout' => array( + 'padding-top' => '0px', + 'padding-bottom' => '0px', + 'padding-left' => '0px', + 'padding-right' => '0px', + + ), + '.block-editor-inserter__panel-content .block-editor-block-list__layout' => array( + 'margin-left' => '60px', + 'margin-right' => '60px', + ), + '.block-editor-inserter__panel-content .block-editor-block-list__layout .block-editor-block-list__layout' => array( + 'margin-left' => '0px', + 'margin-right' => '0px', + ), + '.ast-page-builder-template .block-editor-inserter__panel-content .block-editor-block-list__layout' => array( + 'margin-left' => '0px', + 'margin-right' => '0px', + ), + ); + + $css .= astra_parse_css( $block_pattern_css ); + } else { + $full_width_streched_css = array( + '.ast-page-builder-template .block-editor-block-list__layout' => array( + 'margin-left' => '60px', + 'margin-right' => '60px', + ), + '.ast-page-builder-template .block-editor-block-list__layout .block-editor-block-list__layout' => array( + 'margin-left' => '0px', + 'margin-right' => '0px', + ), + ); + + $css .= astra_parse_css( $full_width_streched_css ); + } + + $ast_gtn_mobile_css = array( + '.ast-separate-container .editor-post-title' => array( + 'padding-top' => 'calc( 2.34em - 19px)', + 'padding-left' => 'calc( 3.67em - 28px )', + 'padding-right' => 'calc( 3.67em - 28px )', + ), + '.ast-separate-container .block-editor-block-list__layout' => array( + 'padding-bottom' => '2.34em', + 'padding-left' => 'calc( 3.67em - 28px )', + 'padding-right' => 'calc( 3.67em - 28px )', + ), + '.ast-page-builder-template .block-editor-block-list__layout' => array( + 'margin-left' => '30px', + 'margin-right' => '30px', + ), + '.ast-plain-container .block-editor-block-list__layout' => array( + 'padding-left' => '30px', + 'padding-right' => '30px', + ), + ); + + $css .= astra_parse_css( $ast_gtn_mobile_css, '', astra_get_mobile_breakpoint() ); + + if ( astra_wp_version_compare( '5.4.99', '>=' ) ) { + $gtn_full_wide_image_css = array( + '.wp-block[data-align="left"], .wp-block[data-align="right"], .wp-block[data-align="center"]' => array( + 'max-width' => '100%', + 'width' => '100%', + ), + '.ast-separate-container .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > .wp-block[data-align="full"], .ast-plain-container .editor-styles-wrapper .block-editor-block-list__layout.is-root-container > .wp-block[data-align="full"]' => array( + 'margin-left' => 'auto', + 'margin-right' => 'auto', + ), + '.ast-separate-container .block-editor-block-list__layout .wp-block[data-align="full"] figure.wp-block-image' => array( + 'margin-left' => '-4.8em', + 'margin-right' => '-4.81em', + 'max-width' => 'unset', + 'width' => 'unset', + ), + '.ast-separate-container .wp-block[data-align="full"] .wp-block-cover' => array( + 'margin-left' => '-4.8em', + 'margin-right' => '-4.81em', + 'max-width' => 'unset', + 'width' => 'unset', + ), + '.ast-plain-container .wp-block[data-align="left"], .ast-plain-container .wp-block[data-align="right"], .ast-plain-container .wp-block[data-align="center"], .ast-plain-container .wp-block[data-align="full"]' => array( + 'max-width' => astra_get_css_value( $site_content_width, 'px' ), + ), + '.ast-plain-container .wp-block[data-align="wide"]' => array( + 'max-width' => astra_get_css_value( $site_content_width - 56, 'px' ), + ), + ); + } else { + $gtn_full_wide_image_css = array( + '.ast-separate-container .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] figure.wp-block-image' => array( + 'margin-left' => '-4.8em', + 'margin-right' => '-4.81em', + 'max-width' => 'unset', + 'width' => 'unset', + ), + '.ast-separate-container .block-editor-block-list__block[data-align="full"] .wp-block-cover' => array( + 'margin-left' => '-4.8em', + 'margin-right' => '-4.81em', + 'max-width' => 'unset', + 'width' => 'unset', + ), + ); + } + + $css .= astra_parse_css( $gtn_full_wide_image_css ); + + if ( in_array( $pagenow, array( 'post-new.php' ) ) && ! isset( $post ) ) { + + $boxed_container = array( + '.block-editor-writing-flow' => array( + 'max-width' => astra_get_css_value( $site_content_width - 56, 'px' ), + 'margin' => '0 auto', + 'background-color' => '#fff', + ), + '.gutenberg__editor' => array( + 'background-color' => '#f5f5f5', + ), + '.block-editor-block-list__layout, .editor-post-title' => array( + 'padding-top' => 'calc( 5.34em - 19px)', + 'padding-bottom' => '5.34em', + 'padding-left' => 'calc( 6.67em - 28px )', + 'padding-right' => 'calc( 6.67em - 28px )', + ), + '.block-editor-block-list__layout' => array( + 'padding-top' => '0', + ), + '.editor-post-title' => array( + 'padding-bottom' => '0', + ), + '.block-editor-block-list__block' => array( + 'max-width' => 'calc(' . astra_get_css_value( $site_content_width, 'px' ) . ' - 6.67em)', + ), + '.block-editor-block-list__block[data-align=wide]' => array( + 'margin-left' => '-20px', + 'margin-right' => '-20px', + ), + '.block-editor-block-list__block[data-align=full]' => array( + 'margin-left' => '-6.67em', + 'margin-right' => '-6.67em', + ), + '.block-editor-block-list__layout .block-editor-block-list__block[data-align="full"], .block-editor-block-list__layout .block-editor-block-list__block[data-align="full"] > .editor-block-list__block-edit' => array( + 'margin-left' => '0', + 'margin-right' => '0', + ), + ); + + $css .= astra_parse_css( $boxed_container ); + + } + + return $css; + } + } + +endif; |