array(
'color' => $text_color_desktop,
// Typography.
'font-size' => astra_responsive_font( $font_size, 'desktop' ),
),
$selector => array(
// Margin.
'margin-top' => astra_responsive_spacing( $margin, 'top', 'desktop' ),
'margin-bottom' => astra_responsive_spacing( $margin, 'bottom', 'desktop' ),
'margin-left' => astra_responsive_spacing( $margin, 'left', 'desktop' ),
'margin-right' => astra_responsive_spacing( $margin, 'right', 'desktop' ),
),
// Link Color.
$selector . ' a' => array(
'color' => $link_color_desktop,
),
// Link Hover Color.
$selector . ' a:hover' => array(
'color' => $link_h_color_desktop,
),
);
/* Parse CSS from array() */
$css_output = astra_parse_css( $css_output_desktop );
// Tablet CSS.
$css_output_tablet = array(
$selector . ' .ast-builder-html-element' => array(
'color' => $text_color_tablet,
// Typography.
'font-size' => astra_responsive_font( $font_size, 'tablet' ),
),
$selector => array(
// Margin CSS.
'margin-top' => astra_responsive_spacing( $margin, 'top', 'tablet' ),
'margin-bottom' => astra_responsive_spacing( $margin, 'bottom', 'tablet' ),
'margin-left' => astra_responsive_spacing( $margin, 'left', 'tablet' ),
'margin-right' => astra_responsive_spacing( $margin, 'right', 'tablet' ),
),
// Link Color.
$selector . ' a' => array(
'color' => $link_color_tablet,
),
// Link Hover Color.
$selector . ' a:hover' => array(
'color' => $link_h_color_tablet,
),
);
$css_output .= astra_parse_css( $css_output_tablet, '', astra_get_tablet_breakpoint() );
// Mobile CSS.
$css_output_mobile = array(
$selector . ' .ast-builder-html-element' => array(
'color' => $text_color_mobile,
// Typography.
'font-size' => astra_responsive_font( $font_size, 'mobile' ),
),
$selector => array(
// Margin CSS.
'margin-top' => astra_responsive_spacing( $margin, 'top', 'mobile' ),
'margin-bottom' => astra_responsive_spacing( $margin, 'bottom', 'mobile' ),
'margin-left' => astra_responsive_spacing( $margin, 'left', 'mobile' ),
'margin-right' => astra_responsive_spacing( $margin, 'right', 'mobile' ),
),
// Link Color.
$selector . ' a' => array(
'color' => $link_color_mobile,
),
// Link Hover Color.
$selector . ' a:hover' => array(
'color' => $link_h_color_mobile,
),
);
$css_output .= astra_parse_css( $css_output_mobile, '', astra_get_mobile_breakpoint() );
$generated_css .= $css_output;
$generated_css .= Astra_Builder_Base_Dynamic_CSS::prepare_advanced_typography_css( $_section, $selector );
$generated_css .= Astra_Builder_Base_Dynamic_CSS::prepare_visibility_css( $_section, $selector, $display_prop );
}
if ( true === $html_css_flag ) {
$html_static_css = array(
'.ast-builder-html-element img.alignnone' => array(
'display' => 'inline-block',
),
'.ast-builder-html-element p:first-child' => array(
'margin-top' => '0',
),
'.ast-builder-html-element p:last-child' => array(
'margin-bottom' => '0',
),
'.ast-header-break-point .main-header-bar .ast-builder-html-element' => array(
'line-height' => '1.85714285714286',
),
);
return astra_parse_css( $html_static_css ) . $generated_css;
}
return $generated_css;
}
}
/**
* Kicking this off by creating object of this class.
*/
new Astra_Html_Component_Dynamic_CSS();