File "frontend.css.php"
Full path: C:/Inetpub/vhosts/drshti.com/httpdocs/wp-content/plugins/ultimate-addons-for-gutenberg/includes/blocks/modal/frontend.css.php
File
size: 26.8 B (26.8 KB bytes)
MIME-type: text/x-php
Charset: utf-8
Download Open Edit Advanced Editor &nnbsp; Back
<?php
/**
* Frontend CSS loading File.
*
* @since 2.2.0
* @var mixed[] $attr
* @var int $id
* @package uagb
*/
// Adds Fonts.
UAGB_Block_JS::blocks_modal_gfont( $attr );
$m_selectors = array();
$t_selectors = array();
$selectors = array();
$is_rtl = is_rtl();
$btn_font_size_type = is_string( $attr['btnFontSizeType'] ) ? $attr['btnFontSizeType'] : '';
$btn_icon_size = UAGB_Helper::get_css_value( $attr['btnFontSize'], $btn_font_size_type );
$t_btn_icon_size = UAGB_Helper::get_css_value( $attr['btnFontSizeTablet'], $btn_font_size_type );
$m_btn_icon_size = UAGB_Helper::get_css_value( $attr['btnFontSizeMobile'], $btn_font_size_type );
$btn_border_css = UAGB_Block_Helper::uag_generate_border_css( $attr, 'btn' );
$btn_border_css_tablet = UAGB_Block_Helper::uag_generate_border_css( $attr, 'btn', 'tablet' );
$btn_border_css_mobile = UAGB_Block_Helper::uag_generate_border_css( $attr, 'btn', 'mobile' );
$content_border_css = UAGB_Block_Helper::uag_generate_border_css( $attr, 'content' );
$content_border_css_tablet = UAGB_Block_Helper::uag_generate_border_css( $attr, 'content', 'tablet' );
$content_border_css_mobile = UAGB_Block_Helper::uag_generate_border_css( $attr, 'content', 'mobile' );
$bg_obj_desktop = array(
'backgroundType' => $attr['backgroundType'],
'backgroundImage' => $attr['backgroundImageDesktop'],
'backgroundColor' => $attr['backgroundColor'],
'gradientValue' => $attr['gradientValue'],
'gradientColor1' => $attr['gradientColor1'],
'gradientColor2' => $attr['gradientColor2'],
'gradientType' => $attr['gradientType'],
'gradientLocation1' => $attr['gradientLocation1'],
'gradientLocation2' => $attr['gradientLocation2'],
'gradientAngle' => $attr['gradientAngle'],
'selectGradient' => $attr['selectGradient'],
'backgroundRepeat' => $attr['backgroundRepeatDesktop'],
'backgroundPosition' => $attr['backgroundPositionDesktop'],
'backgroundSize' => $attr['backgroundSizeDesktop'],
'backgroundAttachment' => $attr['backgroundAttachmentDesktop'],
'backgroundImageColor' => $attr['backgroundImageColor'],
'overlayType' => $attr['overlayType'],
'backgroundCustomSize' => $attr['backgroundCustomSizeDesktop'],
'backgroundCustomSizeType' => $attr['backgroundCustomSizeType'],
'customPosition' => $attr['customPosition'],
'xPosition' => $attr['xPositionDesktop'],
'xPositionType' => $attr['xPositionType'],
'yPosition' => $attr['yPositionDesktop'],
'yPositionType' => $attr['yPositionType'],
);
$container_bg_css_desktop = UAGB_Block_Helper::uag_get_background_obj( $bg_obj_desktop );
$selectors = array(
'.uagb-modal-popup .uagb-modal-popup-wrap' => array(
'width' => UAGB_Helper::get_css_value( $attr['modalWidth'], $attr['modalWidthType'] ),
'height' => UAGB_Helper::get_css_value( $attr['modalHeight'], $attr['modalHeightType'] ),
'border-style' => 'none',
'border-color' => 'none',
'border-top-left-radius' => UAGB_Helper::get_css_value( $attr['contentBorderTopLeftRadius'], $attr['contentBorderRadiusUnit'] ),
'border-top-right-radius' => UAGB_Helper::get_css_value( $attr['contentBorderTopRightRadius'], $attr['contentBorderRadiusUnit'] ),
'border-bottom-left-radius' => UAGB_Helper::get_css_value( $attr['contentBorderBottomLeftRadius'], $attr['contentBorderRadiusUnit'] ),
'border-bottom-right-radius' => UAGB_Helper::get_css_value( $attr['contentBorderBottomRightRadius'], $attr['contentBorderRadiusUnit'] ),
'z-index' => '99999',
),
' .uagb-modal-popup-content:hover' => array(
'border-color' => $attr['contentBorderHColor'],
),
' .uagb-modal-popup-close svg' => array(
'width' => UAGB_Helper::get_css_value( $attr['closeIconSize'], 'px' ),
'height' => UAGB_Helper::get_css_value( $attr['closeIconSize'], 'px' ),
'line-height' => UAGB_Helper::get_css_value( $attr['closeIconSize'], 'px' ),
'font-size' => UAGB_Helper::get_css_value( $attr['closeIconSize'], 'px' ),
'fill' => $attr['closeIconColor'],
),
' .uagb-modal-popup-close:focus svg' => array(
'filter' => 'drop-shadow(0 0 1px ' . $attr['closeIconColor'] . ')',
),
'.uagb-modal-popup.active' => array(
'background' => $attr['overlayColor'],
'z-index' => '99999',
),
' .uagb-modal-popup-content' => array_merge(
array(
'padding-left' => UAGB_Helper::get_css_value( $attr['paddingModalLeft'], $attr['paddingModalUnit'] ),
'padding-right' => UAGB_Helper::get_css_value( $attr['paddingModalRight'], $attr['paddingModalUnit'] ),
'padding-top' => UAGB_Helper::get_css_value( $attr['paddingModalTop'], $attr['paddingModalUnit'] ),
'padding-bottom' => UAGB_Helper::get_css_value( $attr['paddingModalBottom'], $attr['paddingModalUnit'] ),
),
$content_border_css,
$container_bg_css_desktop
),
' .uagb-modal-trigger svg' => array(
'width' => UAGB_Helper::get_css_value( $attr['iconSize'], 'px' ),
'height' => UAGB_Helper::get_css_value( $attr['iconSize'], 'px' ),
'line-height' => UAGB_Helper::get_css_value( $attr['iconSize'], 'px' ),
'font-size' => UAGB_Helper::get_css_value( $attr['iconSize'], 'px' ),
'fill' => $attr['iconColor'],
),
' .uagb-modal-text.uagb-modal-trigger' => array(
'color' => $attr['textColor'],
),
'.uagb-modal-wrapper img.uagb-modal-trigger' => array(
'border-radius' => UAGB_Helper::get_css_value( $attr['iconimgBorderRadius'], $attr['iconimgBorderRadiusUnit'] ),
),
);
$bg_obj_tablet = array(
'backgroundType' => $attr['backgroundType'],
'backgroundImage' => $attr['backgroundImageTablet'],
'backgroundColor' => $attr['backgroundColor'],
'gradientValue' => $attr['gradientValue'],
'gradientColor1' => $attr['gradientColor1'],
'gradientColor2' => $attr['gradientColor2'],
'gradientType' => $attr['gradientType'],
'gradientLocation1' => is_numeric( $attr['gradientLocationTablet1'] ) ? $attr['gradientLocationTablet1'] : $bg_obj_desktop['gradientLocation1'],
'gradientLocation2' => is_numeric( $attr['gradientLocationTablet2'] ) ? $attr['gradientLocationTablet2'] : $bg_obj_desktop['gradientLocation2'],
'gradientAngle' => is_numeric( $attr['gradientAngleTablet'] ) ? $attr['gradientAngleTablet'] : $bg_obj_desktop['gradientAngle'],
'selectGradient' => $attr['selectGradient'],
'backgroundRepeat' => $attr['backgroundRepeatTablet'],
'backgroundPosition' => $attr['backgroundPositionTablet'],
'backgroundSize' => $attr['backgroundSizeTablet'],
'backgroundAttachment' => $attr['backgroundAttachmentTablet'],
'backgroundImageColor' => $attr['backgroundImageColor'],
'overlayType' => $attr['overlayType'],
'backgroundCustomSize' => $attr['backgroundCustomSizeTablet'],
'backgroundCustomSizeType' => $attr['backgroundCustomSizeType'],
'customPosition' => $attr['customPosition'],
'xPosition' => $attr['xPositionTablet'],
'xPositionType' => $attr['xPositionTypeTablet'],
'yPosition' => $attr['yPositionTablet'],
'yPositionType' => $attr['yPositionTypeTablet'],
);
$container_bg_css_tablet = UAGB_Block_Helper::uag_get_background_obj( $bg_obj_tablet );
$modal_width_type_tablet = '' !== $attr['modalWidthTypeTablet'] ? $attr['modalWidthTypeTablet'] : $attr['modalWidthType'];
$modal_height_type_tablet = '' !== $attr['modalHeightTypeTablet'] ? $attr['modalHeightTypeTablet'] : $attr['modalHeightType'];
$t_selectors = array(
'.uagb-modal-wrapper' => array(
'text-align' => $attr['modalAlignTablet'],
),
'.uagb-modal-popup .uagb-modal-popup-wrap' => array(
'width' => UAGB_Helper::get_css_value( $attr['modalWidthTablet'], $modal_width_type_tablet ),
'height' => UAGB_Helper::get_css_value( $attr['modalHeightTablet'], $modal_height_type_tablet ),
'border-style' => 'none',
'border-color' => 'none',
'border-top-left-radius' => UAGB_Helper::get_css_value( $attr['contentBorderTopLeftRadiusTablet'], $attr['contentBorderRadiusUnitTablet'] ),
'border-top-right-radius' => UAGB_Helper::get_css_value( $attr['contentBorderTopRightRadiusTablet'], $attr['contentBorderRadiusUnitTablet'] ),
'border-bottom-left-radius' => UAGB_Helper::get_css_value( $attr['contentBorderBottomLeftRadiusTablet'], $attr['contentBorderRadiusUnitTablet'] ),
'border-bottom-right-radius' => UAGB_Helper::get_css_value( $attr['contentBorderBottomRightRadiusTablet'], $attr['contentBorderRadiusUnitTablet'] ),
),
' .uagb-modal-popup-content' => array_merge(
array(
'padding-left' => UAGB_Helper::get_css_value( $attr['paddingModalLeftTablet'], $attr['tabletPaddingModalUnit'] ),
'padding-right' => UAGB_Helper::get_css_value( $attr['paddingModalRightTablet'], $attr['tabletPaddingModalUnit'] ),
'padding-top' => UAGB_Helper::get_css_value( $attr['paddingModalTopTablet'], $attr['tabletPaddingModalUnit'] ),
'padding-bottom' => UAGB_Helper::get_css_value( $attr['paddingModalBottomTablet'], $attr['tabletPaddingModalUnit'] ),
),
$content_border_css_tablet,
$container_bg_css_tablet
),
);
$bg_obj_mobile = array(
'backgroundType' => $attr['backgroundType'],
'backgroundImage' => $attr['backgroundImageMobile'],
'backgroundColor' => $attr['backgroundColor'],
'gradientValue' => $attr['gradientValue'],
'gradientColor1' => $attr['gradientColor1'],
'gradientColor2' => $attr['gradientColor2'],
'gradientType' => $attr['gradientType'],
'gradientLocation1' => is_numeric( $attr['gradientLocationMobile1'] ) ? $attr['gradientLocationMobile1'] : $bg_obj_tablet['gradientLocation1'],
'gradientLocation2' => is_numeric( $attr['gradientLocationMobile2'] ) ? $attr['gradientLocationMobile2'] : $bg_obj_tablet['gradientLocation2'],
'gradientAngle' => is_numeric( $attr['gradientAngleMobile'] ) ? $attr['gradientAngleMobile'] : $bg_obj_tablet['gradientAngle'],
'selectGradient' => $attr['selectGradient'],
'backgroundRepeat' => $attr['backgroundRepeatMobile'],
'backgroundPosition' => $attr['backgroundPositionMobile'],
'backgroundSize' => $attr['backgroundSizeMobile'],
'backgroundAttachment' => $attr['backgroundAttachmentMobile'],
'backgroundImageColor' => $attr['backgroundImageColor'],
'overlayType' => $attr['overlayType'],
'backgroundCustomSize' => $attr['backgroundCustomSizeMobile'],
'backgroundCustomSizeType' => $attr['backgroundCustomSizeType'],
'customPosition' => $attr['customPosition'],
'xPosition' => $attr['xPositionMobile'],
'xPositionType' => $attr['xPositionTypeMobile'],
'yPosition' => $attr['yPositionMobile'],
'yPositionType' => $attr['yPositionTypeMobile'],
);
$container_bg_css_mobile = UAGB_Block_Helper::uag_get_background_obj( $bg_obj_mobile );
$modal_width_type_mobile = '' !== $attr['modalWidthTypeMobile'] ? $attr['modalWidthTypeMobile'] : $attr['modalWidthType'];
$modal_height_type_mobile = '' !== $attr['modalHeightTypeMobile'] ? $attr['modalHeightTypeMobile'] : $attr['modalHeightType'];
$m_selectors = array(
'.uagb-modal-wrapper' => array(
'text-align' => $attr['modalAlignMobile'],
),
'.uagb-modal-popup .uagb-modal-popup-wrap' => array(
'width' => UAGB_Helper::get_css_value( $attr['modalWidthMobile'], $modal_width_type_mobile ),
'height' => UAGB_Helper::get_css_value( $attr['modalHeightMobile'], $modal_height_type_mobile ),
'border-style' => 'none',
'border-color' => 'none',
'border-top-left-radius' => UAGB_Helper::get_css_value( $attr['contentBorderTopLeftRadiusMobile'], $attr['contentBorderRadiusUnitMobile'] ),
'border-top-right-radius' => UAGB_Helper::get_css_value( $attr['contentBorderTopRightRadiusMobile'], $attr['contentBorderRadiusUnitMobile'] ),
'border-bottom-left-radius' => UAGB_Helper::get_css_value( $attr['contentBorderBottomLeftRadiusMobile'], $attr['contentBorderRadiusUnitMobile'] ),
'border-bottom-right-radius' => UAGB_Helper::get_css_value( $attr['contentBorderBottomRightRadiusMobile'], $attr['contentBorderRadiusUnitMobile'] ),
),
' .uagb-modal-popup-content' => array_merge(
array(
'padding-left' => UAGB_Helper::get_css_value( $attr['paddingModalLeftMobile'], $attr['mobilePaddingModalUnit'] ),
'padding-right' => UAGB_Helper::get_css_value( $attr['paddingModalRightMobile'], $attr['mobilePaddingModalUnit'] ),
'padding-top' => UAGB_Helper::get_css_value( $attr['paddingModalTopMobile'], $attr['mobilePaddingModalUnit'] ),
'padding-bottom' => UAGB_Helper::get_css_value( $attr['paddingModalBottomMobile'], $attr['mobilePaddingModalUnit'] ),
),
$content_border_css_mobile,
$container_bg_css_mobile
),
);
if ( ! $attr['inheritFromTheme'] ) {
$selectors[' .uagb-spectra-button-wrapper .uagb-modal-button-link.uagb-modal-trigger'] = $btn_border_css;
$t_selectors[' .uagb-spectra-button-wrapper .uagb-modal-button-link.uagb-modal-trigger'] = $btn_border_css_tablet;
$m_selectors[' .uagb-spectra-button-wrapper .uagb-modal-button-link.uagb-modal-trigger'] = $btn_border_css_mobile;
$selectors = array_merge(
$selectors,
array(
'.uagb-modal-wrapper .uagb-spectra-button-wrapper .uagb-modal-button-link.uagb-modal-trigger' => array(
'padding-left' => UAGB_Helper::get_css_value( $attr['paddingBtnLeft'], $attr['paddingBtnUnit'] ),
'padding-right' => UAGB_Helper::get_css_value( $attr['paddingBtnRight'], $attr['paddingBtnUnit'] ),
'padding-top' => UAGB_Helper::get_css_value( $attr['paddingBtnTop'], $attr['paddingBtnUnit'] ),
'padding-bottom' => UAGB_Helper::get_css_value( $attr['paddingBtnBottom'], $attr['paddingBtnUnit'] ),
'color' => $attr['btnLinkColor'],
'background-color' => ( 'color' === $attr['modalTriggerBgType'] ) ? $attr['btnBgColor'] : 'transparent',
),
' .uagb-spectra-button-wrapper .uagb-modal-button-link.uagb-modal-trigger:hover' => array(
'color' => $attr['btnLinkHoverColor'] ? $attr['btnLinkHoverColor'] : $attr['btnLinkColor'],
'background-color' => ( 'color' === $attr['modalTriggerBgHoverType'] ) ? $attr['btnBgHoverColor'] : 'transparent',
'border-color' => $attr['btnBorderHColor'],
),
' .uagb-spectra-button-wrapper .uagb-modal-button-link.uagb-modal-trigger:focus' => array(
'color' => $attr['btnLinkHoverColor'] ? $attr['btnLinkHoverColor'] : $attr['btnLinkColor'],
'background-color' => ( 'color' === $attr['modalTriggerBgHoverType'] ) ? $attr['btnBgHoverColor'] : 'transparent',
'border-color' => $attr['btnBorderHColor'],
),
' .uagb-spectra-button-wrapper .uagb-modal-button-link.uagb-modal-trigger svg' => array(
'width' => $btn_icon_size,
'height' => $btn_icon_size,
'line-height' => $btn_icon_size,
'font-size' => $btn_icon_size,
'fill' => $attr['btnLinkColor'],
),
' .uagb-spectra-button-wrapper .uagb-modal-button-link.uagb-modal-trigger:hover svg' => array(
'fill' => $attr['btnLinkHoverColor'],
),
' .uagb-spectra-button-wrapper .uagb-modal-button-link.uagb-modal-trigger:focus svg' => array(
'fill' => $attr['btnLinkHoverColor'],
),
)
);
$t_selectors = array_merge(
$t_selectors,
array(
'.uagb-modal-wrapper .uagb-spectra-button-wrapper .uagb-modal-button-link.uagb-modal-trigger' => array(
'padding-left' => UAGB_Helper::get_css_value( $attr['paddingBtnLeftTablet'], $attr['tabletPaddingBtnUnit'] ),
'padding-right' => UAGB_Helper::get_css_value( $attr['paddingBtnRightTablet'], $attr['tabletPaddingBtnUnit'] ),
'padding-top' => UAGB_Helper::get_css_value( $attr['paddingBtnTopTablet'], $attr['tabletPaddingBtnUnit'] ),
'padding-bottom' => UAGB_Helper::get_css_value( $attr['paddingBtnBottomTablet'], $attr['tabletPaddingBtnUnit'] ),
),
' .uagb-spectra-button-wrapper .uagb-modal-button-link.uagb-modal-trigger svg' => array(
'width' => $t_btn_icon_size,
'height' => $t_btn_icon_size,
'line-height' => $t_btn_icon_size,
'font-size' => $t_btn_icon_size,
),
)
);
$m_selectors = array_merge(
$m_selectors,
array(
'.uagb-modal-wrapper .uagb-spectra-button-wrapper .uagb-modal-button-link.uagb-modal-trigger' => array(
'padding-left' => UAGB_Helper::get_css_value( $attr['paddingBtnLeftMobile'], $attr['mobilePaddingBtnUnit'] ),
'padding-right' => UAGB_Helper::get_css_value( $attr['paddingBtnRightMobile'], $attr['mobilePaddingBtnUnit'] ),
'padding-top' => UAGB_Helper::get_css_value( $attr['paddingBtnTopMobile'], $attr['mobilePaddingBtnUnit'] ),
'padding-bottom' => UAGB_Helper::get_css_value( $attr['paddingBtnBottomMobile'], $attr['mobilePaddingBtnUnit'] ),
),
' .uagb-spectra-button-wrapper .uagb-modal-button-link.uagb-modal-trigger svg' => array(
'width' => $m_btn_icon_size,
'height' => $m_btn_icon_size,
'line-height' => $m_btn_icon_size,
'font-size' => $m_btn_icon_size,
),
)
);
}
if ( 'popup-top-right' === $attr['closeIconPosition'] ) {
$selectors['.uagb-modal-popup.active .uagb-modal-popup-close'] = array(
'top' => '-' . UAGB_Helper::get_css_value( $attr['closeIconSize'], 'px' ),
'right' => '-' . UAGB_Helper::get_css_value( $attr['closeIconSize'], 'px' ),
);
}
if ( 'popup-top-left' === $attr['closeIconPosition'] ) {
$selectors['.uagb-modal-popup.active .uagb-modal-popup-close'] = array(
'top' => '-' . UAGB_Helper::get_css_value( $attr['closeIconSize'], 'px' ),
'left' => '-' . UAGB_Helper::get_css_value( $attr['closeIconSize'], 'px' ),
);
}
$attr['buttonIconSpaceTablet'] = is_numeric( $attr['buttonIconSpaceTablet'] ) ? $attr['buttonIconSpaceTablet'] : $attr['buttonIconSpace'];
$attr['buttonIconSpaceMobile'] = is_numeric( $attr['buttonIconSpaceMobile'] ) ? $attr['buttonIconSpaceMobile'] : $attr['buttonIconSpaceTablet'];
if ( 'button' === $attr['modalTrigger'] ) {
if ( 'after' === $attr['buttonIconPosition'] ) {
$selectors[' .uagb-modal-button-link svg '] = array(
'margin-left' => UAGB_Helper::get_css_value( $attr['buttonIconSpace'], $attr['buttonIconSpaceType'] ),
);
$t_selectors[' .uagb-modal-button-link svg '] = array(
'margin-left' => UAGB_Helper::get_css_value( $attr['buttonIconSpaceTablet'], $attr['buttonIconSpaceType'] ),
);
$m_selectors[' .uagb-modal-button-link svg '] = array(
'margin-left' => UAGB_Helper::get_css_value( $attr['buttonIconSpaceMobile'], $attr['buttonIconSpaceType'] ),
);
} else {
$selectors[' .uagb-modal-button-link svg'] = array(
'margin-right' => UAGB_Helper::get_css_value( $attr['buttonIconSpace'], $attr['buttonIconSpaceType'] ),
);
$t_selectors[' .uagb-modal-button-link svg'] = array(
'margin-right' => UAGB_Helper::get_css_value( $attr['buttonIconSpaceTablet'], $attr['buttonIconSpaceType'] ),
);
$m_selectors[' .uagb-modal-button-link svg'] = array(
'margin-right' => UAGB_Helper::get_css_value( $attr['buttonIconSpaceMobile'], $attr['buttonIconSpaceType'] ),
);
}
}
if ( $is_rtl ) {
if ( 'button' === $attr['modalTrigger'] ) {
if ( 'after' === $attr['buttonIconPosition'] ) {
$selectors[' .uagb-modal-button-link svg '] = array(
'margin-right' => UAGB_Helper::get_css_value( $attr['buttonIconSpace'], $attr['buttonIconSpaceType'] ),
);
$t_selectors[' .uagb-modal-button-link svg '] = array(
'margin-right' => UAGB_Helper::get_css_value( $attr['buttonIconSpaceTablet'], $attr['buttonIconSpaceType'] ),
);
$m_selectors[' .uagb-modal-button-link svg '] = array(
'margin-right' => UAGB_Helper::get_css_value( $attr['buttonIconSpaceMobile'], $attr['buttonIconSpaceType'] ),
);
} else {
$selectors[' .uagb-modal-button-link svg'] = array(
'margin-left' => UAGB_Helper::get_css_value( $attr['buttonIconSpace'], $attr['buttonIconSpaceType'] ),
);
$t_selectors[' .uagb-modal-button-link svg'] = array(
'margin-left' => UAGB_Helper::get_css_value( $attr['buttonIconSpaceTablet'], $attr['buttonIconSpaceType'] ),
);
$m_selectors[' .uagb-modal-button-link svg'] = array(
'margin-left' => UAGB_Helper::get_css_value( $attr['buttonIconSpaceMobile'], $attr['buttonIconSpaceType'] ),
);
}
}
}
if ( 'image' === $attr['modalTrigger'] && $attr['imageWidthType'] ) {
// Image.
$selectors[' img.uagb-modal-trigger'] = array(
'width' => UAGB_Helper::get_css_value( $attr['imageWidth'], $attr['imageWidthUnit'] ),
);
$t_selectors[' img.uagb-modal-trigger'] = array(
'width' => UAGB_Helper::get_css_value( $attr['imageWidthTablet'], $attr['imageWidthUnitTablet'] ),
);
$m_selectors[' img.uagb-modal-trigger'] = array(
'width' => UAGB_Helper::get_css_value( $attr['imageWidthMobile'], $attr['imageWidthUnitMobile'] ),
);
}
if ( 'custom' !== $attr['modalBoxHeight'] ) {
$selectors['.uagb-modal-popup .uagb-modal-popup-wrap'] = array(
'height' => 'auto',
'width' => UAGB_Helper::get_css_value( $attr['modalWidth'], $attr['modalWidthType'] ),
'max-height' => UAGB_Helper::get_css_value( $attr['maxHeight'], $attr['maxHeightType'] ),
'border-style' => 'none',
'border-color' => 'none',
'border-top-left-radius' => UAGB_Helper::get_css_value( $attr['contentBorderTopLeftRadius'], $attr['contentBorderRadiusUnit'] ),
'border-top-right-radius' => UAGB_Helper::get_css_value( $attr['contentBorderTopRightRadius'], $attr['contentBorderRadiusUnit'] ),
'border-bottom-left-radius' => UAGB_Helper::get_css_value( $attr['contentBorderBottomLeftRadius'], $attr['contentBorderRadiusUnit'] ),
'border-bottom-right-radius' => UAGB_Helper::get_css_value( $attr['contentBorderBottomRightRadius'], $attr['contentBorderRadiusUnit'] ),
);
$t_selectors['.uagb-modal-popup .uagb-modal-popup-wrap'] = array(
'height' => 'auto',
'width' => UAGB_Helper::get_css_value( $attr['modalWidthTablet'], $modal_width_type_tablet ),
'max-height' => UAGB_Helper::get_css_value( $attr['maxHeightTablet'], $attr['maxHeightType'] ),
'border-style' => 'none',
'border-color' => 'none',
'border-top-left-radius' => UAGB_Helper::get_css_value( $attr['contentBorderTopLeftRadiusTablet'], $attr['contentBorderRadiusUnitTablet'] ),
'border-top-right-radius' => UAGB_Helper::get_css_value( $attr['contentBorderTopRightRadiusTablet'], $attr['contentBorderRadiusUnitTablet'] ),
'border-bottom-left-radius' => UAGB_Helper::get_css_value( $attr['contentBorderBottomLeftRadiusTablet'], $attr['contentBorderRadiusUnitTablet'] ),
'border-bottom-right-radius' => UAGB_Helper::get_css_value( $attr['contentBorderBottomRightRadiusTablet'], $attr['contentBorderRadiusUnitTablet'] ),
);
$m_selectors['.uagb-modal-popup .uagb-modal-popup-wrap'] = array(
'height' => 'auto',
'width' => UAGB_Helper::get_css_value( $attr['modalWidthMobile'], $modal_width_type_mobile ),
'max-height' => UAGB_Helper::get_css_value( $attr['maxHeightMobile'], $attr['maxHeightType'] ),
'border-style' => 'none',
'border-color' => 'none',
'border-top-left-radius' => UAGB_Helper::get_css_value( $attr['contentBorderTopLeftRadiusMobile'], $attr['contentBorderRadiusUnitMobile'] ),
'border-top-right-radius' => UAGB_Helper::get_css_value( $attr['contentBorderTopRightRadiusMobile'], $attr['contentBorderRadiusUnitMobile'] ),
'border-bottom-left-radius' => UAGB_Helper::get_css_value( $attr['contentBorderBottomLeftRadiusMobile'], $attr['contentBorderRadiusUnitMobile'] ),
'border-bottom-right-radius' => UAGB_Helper::get_css_value( $attr['contentBorderBottomRightRadiusMobile'], $attr['contentBorderRadiusUnitMobile'] ),
);
}
$flex_alignment = ( 'left' === $attr['modalAlign'] ) ? 'flex-start' : ( ( 'right' === $attr['modalAlign'] ) ? 'flex-end' : 'center' );
$t_flex_alignment = ( 'left' === $attr['modalAlignTablet'] ) ? 'flex-start' : ( ( 'right' === $attr['modalAlignTablet'] ) ? 'flex-end' : 'center' );
$m_flex_alignment = ( 'left' === $attr['modalAlignMobile'] ) ? 'flex-start' : ( ( 'right' === $attr['modalAlignMobile'] ) ? 'flex-end' : 'center' );
if ( 'full' !== $attr['modalAlign'] ) {
$selectors['.uagb-modal-wrapper'] = array(
'text-align' => $attr['modalAlign'],
);
$selectors[' .wp-block-button__link'] = array(
'width' => 'unset',
);
$selectors[' .uagb-modal-trigger'] = array(
'justify-content' => $flex_alignment,
);
if ( 'image' === $attr['modalTrigger'] ) {
$selectors['.uagb-modal-wrapper .uagb-spectra-editor-wrap'] = array(
'display' => 'flex',
'justify-content' => $flex_alignment,
);
}
} else {
$selectors[' .uagb-modal-trigger'] = array(
'width' => '100%',
'justify-content' => 'center',
);
}
if ( 'full' !== $attr['modalAlignMobile'] ) {
$m_selectors['.uagb-modal-wrapper'] = array(
'text-align' => $attr['modalAlignMobile'],
);
$m_selectors[' .wp-block-button__link'] = array(
'width' => 'unset',
);
$m_selectors[' .uagb-modal-trigger'] = array(
'justify-content' => $m_flex_alignment,
);
if ( 'image' === $attr['modalTrigger'] ) {
$m_selectors['.uagb-modal-wrapper .uagb-spectra-editor-wrap'] = array(
'display' => 'flex',
'justify-content' => $m_flex_alignment,
);
}
} else {
$m_selectors[' .wp-block-button__link.uagb-modal-trigger'] = array(
'width' => '100%',
'justify-content' => 'center',
);
}
if ( 'full' !== $attr['modalAlignTablet'] ) {
$t_selectors['.uagb-modal-wrapper'] = array(
'text-align' => $attr['modalAlignTablet'],
);
$t_selectors[' .uagb-modal-trigger'] = array(
'justify-content' => $t_flex_alignment,
);
if ( 'image' === $attr['modalTrigger'] ) {
$t_selectors['.uagb-modal-wrapper .uagb-spectra-editor-wrap'] = array(
'display' => 'flex',
'justify-content' => $t_flex_alignment,
);
}
} else {
$t_selectors[' .wp-block-button__link.uagb-modal-trigger'] = array(
'width' => '100%',
'justify-content' => 'center',
);
}
$combined_selectors = UAGB_Helper::get_combined_selectors(
'modal',
array(
'desktop' => $selectors,
'tablet' => $t_selectors,
'mobile' => $m_selectors,
),
$attr
);
$base_selector = '.uagb-block-';
$combined_selectors = UAGB_Helper::get_typography_css( $attr, 'text', ' .uagb-modal-text.uagb-modal-trigger', $combined_selectors );
if ( ! $attr['inheritFromTheme'] ) {
$combined_selectors = UAGB_Helper::get_typography_css( $attr, 'btn', ' .uagb-spectra-button-wrapper .uagb-modal-button-link.uagb-modal-trigger', $combined_selectors );
}
return UAGB_Helper::generate_all_css( $combined_selectors, $base_selector . $id );