Repository URL to install this package:
<?php
$popup_size = blocksy_default_akg('popup_size', $atts, 'medium');
if($popup_size === 'custom') {
$popup_max_width = blocksy_default_akg('popup_max_width', $atts, '400px');
if ($popup_max_width !== '400px') {
blocksy_output_responsive([
'css' => $css,
'tablet_css' => $tablet_css,
'mobile_css' => $mobile_css,
'selector' => blocksy_prefix_selector('', 'block:' . $id),
'variableName' => 'popup-max-width',
'unit' => '',
'value' => $popup_max_width,
]);
}
$popup_max_height = blocksy_default_akg('popup_max_height', $atts, 'CT_CSS_SKIP_RULE');
if ($popup_max_height !== 'CT_CSS_SKIP_RULE') {
blocksy_output_responsive([
'css' => $css,
'tablet_css' => $tablet_css,
'mobile_css' => $mobile_css,
'selector' => blocksy_prefix_selector('', 'block:' . $id),
'variableName' => 'popup-max-height',
'unit' => '',
'value' => $popup_max_height,
]);
$css->put(
blocksy_prefix_selector('', 'block:' . $id),
'--popup-height: 100%'
);
}
}
$popup_entrance_value = blocksy_default_akg('popup_entrance_value', $atts, 50);
if ($popup_entrance_value !== 50) {
$css->put(
blocksy_prefix_selector('', 'block:' . $id),
'--popup-entrance-value: ' . $popup_entrance_value . 'px'
);
}
$popup_entrance_speed = blocksy_default_akg('popup_entrance_speed', $atts, 0.3);
if ($popup_entrance_speed !== 0.3) {
$css->put(
blocksy_prefix_selector('', 'block:' . $id),
'--popup-entrance-speed: ' . $popup_entrance_speed . 's'
);
}
blocksy_output_spacing([
'css' => $css,
'tablet_css' => $tablet_css,
'mobile_css' => $mobile_css,
'selector' => blocksy_prefix_selector('', 'block:' . $id),
'property' => 'popup-padding',
'value' => blocksy_default_akg('popup_padding', $atts,
blocksy_spacing_value([
'linked' => true,
])
)
]);
blocksy_output_spacing([
'css' => $css,
'tablet_css' => $tablet_css,
'mobile_css' => $mobile_css,
'selector' => blocksy_prefix_selector('', 'block:' . $id),
'property' => 'popup-border-radius',
'value' => blocksy_default_akg('popup_border_radius', $atts,
blocksy_spacing_value([
'linked' => true,
])
)
]);
blocksy_output_box_shadow([
'css' => $css,
'tablet_css' => $tablet_css,
'mobile_css' => $mobile_css,
'selector' => blocksy_prefix_selector('', 'block:' . $id),
'value' => blocksy_default_akg('popup_shadow', $atts, blocksy_box_shadow_value([
'enable' => true,
'h_offset' => 0,
'v_offset' => 10,
'blur' => 20,
'spread' => 0,
'inset' => false,
'color' => [
'color' => 'rgba(41, 51, 61, 0.1)',
],
])),
'variableName' => 'popup-box-shadow',
'responsive' => true
]);
$popup_edges_offset = blocksy_default_akg('popup_edges_offset', $atts, 25);
if ($popup_edges_offset !== 25) {
blocksy_output_responsive([
'css' => $css,
'tablet_css' => $tablet_css,
'mobile_css' => $mobile_css,
'selector' => blocksy_prefix_selector('', 'block:' . $id),
'variableName' => 'popup-edges-offset',
'value' => $popup_edges_offset
]);
}
blocksy_output_colors([
'value' => blocksy_akg('popup_close_button_color', $atts),
'default' => [
'default' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ],
'hover' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ],
],
'css' => $css,
'variables' => [
'default' => [
'selector' => blocksy_prefix_selector(' .ct-toggle-close', 'block:' . $id),
'variable' => 'icon-color'
],
'hover' => [
'selector' => blocksy_prefix_selector(' .ct-toggle-close:hover', 'block:' . $id),
'variable' => 'icon-color'
]
],
]);
blocksy_output_colors([
'value' => blocksy_akg('popup_close_button_shape_color', $atts),
'default' => [
'default' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ],
'hover' => [ 'color' => Blocksy_Css_Injector::get_skip_rule_keyword('DEFAULT') ],
],
'css' => $css,
'variables' => [
'default' => [
'selector' => blocksy_prefix_selector(' .ct-toggle-close', 'block:' . $id),
'variable' => 'toggle-button-background'
],
'hover' => [
'selector' => blocksy_prefix_selector(' .ct-toggle-close:hover', 'block:' . $id),
'variable' => 'toggle-button-background'
]
],
]);
blocksy_output_background_css([
'selector' => blocksy_prefix_selector(' .ct-popup-inner > article', 'block:' . $id),
'css' => $css,
'value' => blocksy_default_akg('popup_background', $atts,
blocksy_background_default_value([
'backgroundColor' => [
'default' => [
'color' => '#ffffff'
],
],
])
)
]);
blocksy_output_background_css([
'selector' => blocksy_prefix_selector('', 'block:' . $id),
'css' => $css,
'value' => blocksy_default_akg('popup_backdrop_background', $atts,
blocksy_background_default_value([
'backgroundColor' => [
'default' => [
'color' => 'CT_CSS_SKIP_RULE'
],
],
])
)
]);