Malin/acrib.es
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
master
acrib.es/wp-content/plugins/kadence-blocks/includes/blocks/class-kadence-blocks-infobox-block.php
Malin f3ff7b7186 feat: initial ACRIB WordPress deployment 
- WordPress 6.9.4 (es_ES) with Kadence theme
- Homepage: Hero, La Asociación, Pilares, Beneficios, Eventos, Miembros, Hazte Miembro, Contacto
- Brand identity: #13294b navy, #a12932 burgundy, #c69c48 gold
- Fonts: Raleway (headings) + Source Sans 3 (body) + Lato (UI)
- Plugins: Kadence Blocks, Polylang, Contact Form 7
- Custom CSS with full brand styling and responsive layout
- HTTPS enforced via wp-config.php proxy detection
2026-05-19 19:25:59 +02:00

918 lines
59 KiB
PHP
Raw Permalink Blame History

<?php
/**
* Class to Build the Info Box Block.
*
* @package Kadence Blocks
*/
// Exit if accessed directly.
if ( ! defined( 'ABSPATH' ) ) {
exit;
}
/**
* Class to Build the Info Box Block.
*
* @category class
*/
class Kadence_Blocks_Infobox_Block extends Kadence_Blocks_Abstract_Block {
/**
* Instance of this class
*
* @var null
*/
private static $instance = null;
/**
* Block name within this namespace.
*
* @var string
*/
protected $block_name = 'infobox';
/**
* Allowed HTML tags for front end output
*
* @var string[]
*/
protected $allowed_html_tags = array( 'heading', 'p', 'span', 'div' );
/**
* Instance Control
*/
public static function get_instance() {
if ( is_null( self::$instance ) ) {
self::$instance = new self();
}
return self::$instance;
}
/**
* Builds CSS for block.
*
* @param array $attributes the blocks attributes.
* @param string $css the css class for blocks.
* @param string $unique_id the blocks attr ID.
* @param string $unique_style_id the blocks alternate ID for queries.
*/
public function build_css( $attributes, $css, $unique_id, $unique_style_id ) {
if ( ! empty( $attributes['kbVersion'] ) && $attributes['kbVersion'] > 1 ) {
$base_selector = '.kt-info-box' . $unique_id;
} else {
$base_selector = '#kt-info-box' . $unique_id;
}
$css->set_style_id( 'kb-' . $this->block_name . $unique_style_id );
if ( isset( $attributes['fullHeight'] ) && $attributes['fullHeight'] ) {
$css->set_selector( $base_selector );
$css->add_property( 'height', '100%' );
$css->set_selector( '.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > ' . $base_selector );
$css->add_property( 'height', 'auto' );
$css->add_property( 'align-self', 'stretch' );
}
$css->set_selector( $base_selector . ' .kt-blocks-info-box-link-wrap' );
if ( isset( $attributes['fullHeight'] ) && $attributes['fullHeight'] ) {
$css->add_property( 'height', '100%' );
if ( isset( $attributes['displayLearnMore'] ) && $attributes['displayLearnMore'] && ( ! isset( $attributes['mediaAlign'] ) || ( isset( $attributes['mediaAlign'] ) && 'top' === $attributes['mediaAlign'] ) ) && ( ! isset( $attributes['alignLearnMore'] ) || ( isset( $attributes['alignLearnMore'] ) && $attributes['alignLearnMore'] ) ) ) {
$flex_align = 'center';
if ( ! empty( $attributes['hAlign'] ) && 'right' === $attributes['hAlign'] ) {
$flex_align = 'flex-end';
} else if ( ! empty( $attributes['hAlign'] ) && 'left' === $attributes['hAlign'] ) {
$flex_align = 'flex-start';
}
$css->add_property( 'display', 'flex' );
$css->add_property( 'flex-direction', 'column' );
$css->set_selector( $base_selector . ' .kt-blocks-info-box-link-wrap .kt-infobox-textcontent' );
$css->add_property( 'display', 'flex' );
$css->add_property( 'flex-direction', 'column' );
$css->add_property( 'align-items', $flex_align );
$css->add_property( 'flex-grow', '1' );
$css->set_selector( $base_selector . ' .kt-blocks-info-box-link-wrap .kt-infobox-textcontent .kt-blocks-info-box-learnmore-wrap' );
$css->add_property( 'margin-top', 'auto' );
$flex_align_tablet = '';
if ( ! empty( $attributes['hAlignTablet'] ) && 'right' === $attributes['hAlignTablet'] ) {
$flex_align_tablet = 'flex-end';
} else if ( ! empty( $attributes['hAlignTablet'] ) && 'left' === $attributes['hAlignTablet'] ) {
$flex_align_tablet = 'flex-start';
} else if ( ! empty( $attributes['hAlignTablet'] ) && 'center' === $attributes['hAlignTablet'] ) {
$flex_align_tablet = 'center';
}
if ( ! empty( $flex_align_tablet ) ) {
$css->set_media_state( 'tablet' );
$css->set_selector( $base_selector . ' .kt-blocks-info-box-link-wrap .kt-infobox-textcontent' );
$css->add_property( 'align-items', $flex_align_tablet );
$css->set_media_state( 'desktop' );
}
$flex_align_mobile = '';
if ( ! empty( $attributes['hAlignMobile'] ) && 'right' === $attributes['hAlignMobile'] ) {
$flex_align_mobile = 'flex-end';
} else if ( ! empty( $attributes['hAlignMobile'] ) && 'left' === $attributes['hAlignMobile'] ) {
$flex_align_mobile = 'flex-start';
} else if ( ! empty( $attributes['hAlignMobile'] ) && 'center' === $attributes['hAlignMobile'] ) {
$flex_align_mobile = 'center';
}
if ( ! empty( $flex_align_mobile ) ) {
$css->set_media_state( 'mobile' );
$css->set_selector( $base_selector . ' .kt-blocks-info-box-link-wrap .kt-infobox-textcontent' );
$css->add_property( 'align-items', $flex_align_mobile );
$css->set_media_state( 'desktop' );
}
}
}
// Max Width.
$max_width_unit = ! empty( $attributes['maxWidthUnit'] ) ? $attributes['maxWidthUnit'] : 'px';
$tablet_max_width_unit = ! empty( $attributes['maxWidthTabletUnit'] ) ? $attributes['maxWidthTabletUnit'] : $max_width_unit;
$mobile_max_width_unit = ! empty( $attributes['maxWidthMobileUnit'] ) ? $attributes['maxWidthMobileUnit'] : $tablet_max_width_unit;
$css->set_selector( '.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > ' . $base_selector );
if ( ! empty( $attributes['maxWidth'] ) ) {
$css->add_property( 'max-width', $attributes['maxWidth'] . $max_width_unit );
}
if ( ! empty( $attributes['tabletMaxWidth'] ) ) {
$css->set_media_state( 'tablet' );
$css->add_property( 'max-width', $attributes['tabletMaxWidth'] . $tablet_max_width_unit );
}
if ( ! empty( $attributes['mobileMaxWidth'] ) ) {
$css->set_media_state( 'mobile' );
$css->add_property( 'max-width', $attributes['mobileMaxWidth'] . $mobile_max_width_unit );
}
$css->set_media_state( 'desktop' );
$css->set_selector( '.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > ' . $base_selector . ' .kt-blocks-info-box-link-wrap' );
$css->add_property( 'max-width', 'unset' );
$css->set_selector( $base_selector . ' .kt-blocks-info-box-link-wrap' );
// Container Border, check old first.
if ( ! empty( $attributes['containerBorder'] ) || $css->is_number( $attributes['containerBorderWidth'][0] ) || $css->is_number( $attributes['containerBorderWidth'][1] ) || $css->is_number( $attributes['containerBorderWidth'][2] ) || $css->is_number( $attributes['containerBorderWidth'][3] ) || $css->is_number( $attributes['containerBorderRadius'] ) ) {
if ( ! empty( $attributes['containerBorder'] ) ) {
$alpha = ( isset( $attributes['containerBorderOpacity'] ) && is_numeric( $attributes['containerBorderOpacity'] ) ? $attributes['containerBorderOpacity'] : 1 );
$css->add_property( 'border-color', $css->render_color( $attributes['containerBorder'], $alpha ) );
}
if ( isset( $attributes['containerBorderRadius'] ) && ! empty( $attributes['containerBorderRadius'] ) ) {
$css->add_property( 'border-radius', $attributes['containerBorderRadius'] . 'px' );
}
$css->render_measure_output( $attributes, 'containerBorderWidth', 'border-width' );
} else {
$css->render_border_styles( $attributes, 'borderStyle' );
$css->render_measure_output( $attributes, 'borderRadius', 'border-radius', array( 'unit_key' => 'borderRadiusUnit' ) );
}
// Alignment.
if ( ! empty( $attributes['hAlignTablet'] ) ) {
$css->set_media_state( 'tablet' );
$css->add_property( 'text-align', $attributes['hAlignTablet'] );
}
if ( ! empty( $attributes['hAlignMobile'] ) ) {
$css->set_media_state( 'mobile' );
$css->add_property( 'text-align', $attributes['hAlignMobile'] );
}
$css->set_media_state( 'desktop' );
// Style.
if ( ! empty( $attributes['containerBackground'] ) || $css->is_number( $attributes['containerBackgroundOpacity'] ) || ! empty( $attributes['maxWidth'] ) || ! empty( $attributes['tabletMaxWidth'] ) || ! empty( $attributes['mobileMaxWidth'] ) ) {
if ( isset( $attributes['containerBackground'] ) && ! empty( $attributes['containerBackground'] ) ) {
$alpha = ( isset( $attributes['containerBackgroundOpacity'] ) && is_numeric( $attributes['containerBackgroundOpacity'] ) ? $attributes['containerBackgroundOpacity'] : 1 );
$css->add_property( 'background', $css->render_color( $attributes['containerBackground'], $alpha ) );
} elseif ( isset( $attributes['containerBackgroundOpacity'] ) && is_numeric( $attributes['containerBackgroundOpacity'] ) ) {
$alpha = ( isset( $attributes['containerBackgroundOpacity'] ) && is_numeric( $attributes['containerBackgroundOpacity'] ) ? $attributes['containerBackgroundOpacity'] : 1 );
$css->add_property( 'background', $css->render_color( '#f2f2f2', $alpha ) );
}
// Max Width.
$max_width_unit = ! empty( $attributes['maxWidthUnit'] ) ? $attributes['maxWidthUnit'] : 'px';
$tablet_max_width_unit = ! empty( $attributes['maxWidthTabletUnit'] ) ? $attributes['maxWidthTabletUnit'] : $max_width_unit;
$mobile_max_width_unit = ! empty( $attributes['maxWidthMobileUnit'] ) ? $attributes['maxWidthMobileUnit'] : $tablet_max_width_unit;
if ( ! empty( $attributes['maxWidth'] ) ) {
$css->add_property( 'max-width', $attributes['maxWidth'] . $max_width_unit );
}
if ( ! empty( $attributes['tabletMaxWidth'] ) ) {
$css->set_media_state( 'tablet' );
$css->add_property( 'max-width', $attributes['tabletMaxWidth'] . $tablet_max_width_unit );
}
if ( ! empty( $attributes['mobileMaxWidth'] ) ) {
$css->set_media_state( 'mobile' );
$css->add_property( 'max-width', $attributes['mobileMaxWidth'] . $mobile_max_width_unit );
}
$css->set_media_state( 'desktop' );
}
$css->render_measure_output( $attributes, 'containerPadding', 'padding', array( 'tablet_key' => 'containerTabletPadding', 'mobile_key' => 'containerMobilePadding' ) );
$css->render_measure_output( $attributes, 'containerMargin', 'margin', array( 'unit_key' => 'containerMarginUnit' ) );
$mw_is_percentage = ! empty( $attributes['maxWidthUnit'] ) && '%' === $attributes['maxWidthUnit'];
if ( $mw_is_percentage ) {
$css->set_selector( $base_selector . ' .kt-blocks-info-box-media-align-top .kt-blocks-info-box-media-container' );
$css->add_property( 'max-width', '100%' );
}
// Hover.
$css->set_selector( $base_selector . ' .kt-blocks-info-box-link-wrap:hover' );
// Container Border, check old first.
if ( ! empty( $attributes['containerHoverBorder'] ) ) {
$border_hover = ( isset( $attributes['containerHoverBorder'] ) && ! empty( $attributes['containerHoverBorder'] ) ? $attributes['containerHoverBorder'] : '#eeeeee' );
$alpha = ( isset( $attributes['containerHoverBorderOpacity'] ) && is_numeric( $attributes['containerHoverBorderOpacity'] ) ? $attributes['containerHoverBorderOpacity'] : 1 );
$css->add_property( 'border-color', $css->render_color( $border_hover, $alpha ) );
} else {
$css->render_border_styles( $attributes, 'borderHoverStyle' );
$css->render_measure_output( $attributes, 'borderHoverRadius', 'border-radius', array( 'unit_key' => 'borderHoverRadiusUnit' ) );
}
if ( ! empty( $attributes['containerHoverBackground'] ) ) {
$bg_hover = ( isset( $attributes['containerHoverBackground'] ) && ! empty( $attributes['containerHoverBackground'] ) ? $attributes['containerHoverBackground'] : '' );
$bg_alpha = ( isset( $attributes['containerHoverBackgroundOpacity'] ) && is_numeric( $attributes['containerHoverBackgroundOpacity'] ) ? $attributes['containerHoverBackgroundOpacity'] : 1 );
$css->add_property( 'background', $css->render_color( $bg_hover, $bg_alpha ) );
}
if ( isset( $attributes['mediaIcon'] ) && is_array( $attributes['mediaIcon'] ) && is_array( $attributes['mediaIcon'][0] ) ) {
$media_icon = $attributes['mediaIcon'][0];
} else {
$media_icon = array();
}
if ( isset( $attributes['mediaStyle'] ) && is_array( $attributes['mediaStyle'] ) && is_array( $attributes['mediaStyle'][0] ) ) {
$media_style = $attributes['mediaStyle'][0];
} else {
$media_style = array();
}
if ( isset( $attributes['mediaImage'] ) && is_array( $attributes['mediaImage'] ) && is_array( $attributes['mediaImage'][0] ) ) {
$media_image = $attributes['mediaImage'][0];
} else {
$media_image = array();
}
if ( isset( $attributes['mediaNumber'] ) && is_array( $attributes['mediaNumber'] ) && is_array( $attributes['mediaNumber'][0] ) ) {
$media_number = $attributes['mediaNumber'][0];
} else {
$media_number = array();
}
if ( isset( $attributes['mediaType'] ) && 'image' === $attributes['mediaType'] ) {
$css->set_selector( $base_selector . '.wp-block-kadence-infobox' );
$css->add_property( 'max-width', '100%' );
if ( isset( $media_image['maxWidth'] ) && ! empty( $media_image['maxWidth'] ) ) {
$css->set_selector( $base_selector . ' .kadence-info-box-image-inner-intrisic-container' );
$css->add_property( 'max-width', $media_image['maxWidth'] . 'px' );
}
$css->set_selector( $base_selector . ' .kadence-info-box-image-inner-intrisic-container .kadence-info-box-image-intrisic' );
if ( isset( $attributes['imageRatio'] ) && ! empty( $attributes['imageRatio'] ) && 'inherit' !== $attributes['imageRatio'] ) {
switch ( $attributes['imageRatio'] ) {
case 'land43':
$image_ratio_padding = '75%';
break;
case 'land32':
$image_ratio_padding = '66.67%';
break;
case 'land169':
$image_ratio_padding = '56.25%';
break;
case 'land21':
$image_ratio_padding = '50%';
break;
case 'land31':
$image_ratio_padding = '33%';
break;
case 'land41':
$image_ratio_padding = '25%';
break;
case 'port34':
$image_ratio_padding = '133.33%';
break;
case 'port23':
$image_ratio_padding = '150%';
break;
default:
$image_ratio_padding = '100%';
break;
}
$css->add_property( 'padding-bottom', $image_ratio_padding );
} elseif ( isset( $media_image['height'] ) && is_numeric( $media_image['height'] ) && isset( $media_image['width'] ) && is_numeric( $media_image['width'] ) ) {
$css->add_property( 'padding-bottom', round( ( absint( $media_image['height'] ) / absint( $media_image['width'] ) ) * 100, 4 ) . '%' );
}
if ( isset( $media_image['width'] ) && ! empty( $media_image['width'] ) ) {
$css->add_property( 'width', $media_image['width'] . 'px' );
}
if ( isset( $media_image['height'] ) && ! empty( $media_image['height'] ) ) {
$css->add_property( 'height', '0px' );
}
$css->add_property( 'max-width', '100%' );
}
if ( isset( $media_image['subtype'] ) && 'svg+xml' === $media_image['subtype'] ) {
if ( isset( $media_image['maxWidth'] ) && ! empty( $media_image['maxWidth'] ) ) {
$css->set_selector( $base_selector . ' .kt-blocks-info-box-media .kt-info-box-image' );
$css->add_property( 'width', $media_image['maxWidth'] . 'px' );
$css->add_property( 'height', 'auto' );
}
if ( isset( $media_icon['color'] ) && ! empty( $media_icon['color'] ) ) {
$css->set_selector( $base_selector . ' .kt-blocks-info-box-media .kt-info-box-image, ' . $base_selector . ' .kt-blocks-info-box-media .kt-info-box-image path' );
$css->add_property( 'fill', $media_icon['color'] );
}
if ( isset( $media_icon['hoverColor'] ) && ! empty( $media_icon['hoverColor'] ) ) {
$css->set_selector( $base_selector . ' .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-media .kt-info-box-image, ' . $base_selector . ' .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-media .kt-info-box-image path' );
$css->add_property( 'fill', $media_icon['hoverColor'] );
}
}
// Media icon unit
$media_icon_unit = isset( $media_icon['unit'] ) ? $media_icon['unit'] : 'px' ;
if ( ! empty( $media_icon['size'] ) ) {
$css->set_selector( $base_selector . ' .kadence-info-box-icon-container .kt-info-svg-icon, ' . $base_selector . ' .kt-info-svg-icon-flip, ' . $base_selector . ' .kt-blocks-info-box-number' );
$css->add_property( 'font-size', $media_icon['size'] . $media_icon_unit );
}
if ( isset( $media_icon['tabletSize'] ) && is_numeric( $media_icon['tabletSize'] ) ) {
$css->set_media_state( 'tablet' );
$css->set_selector( $base_selector . ' .kadence-info-box-icon-container .kt-info-svg-icon, ' . $base_selector . ' .kt-info-svg-icon-flip, ' . $base_selector . ' .kt-blocks-info-box-number' );
$css->add_property( 'font-size', $media_icon['tabletSize'] . $media_icon_unit );
$css->set_media_state( 'desktop' );
}
if ( isset( $media_icon['mobileSize'] ) && is_numeric( $media_icon['mobileSize'] ) ) {
$css->set_media_state( 'mobile' );
$css->set_selector( $base_selector . ' .kadence-info-box-icon-container .kt-info-svg-icon, ' . $base_selector . ' .kt-info-svg-icon-flip, ' . $base_selector . ' .kt-blocks-info-box-number' );
$css->add_property( 'font-size', $media_icon['mobileSize'] . $media_icon_unit );
$css->set_media_state( 'desktop' );
}
if ( ( isset( $media_number['family'] ) && ! empty( $media_number['family'] ) ) || ( isset( $media_number['style'] ) && ! empty( $media_number['style'] ) ) || ( isset( $media_number['weight'] ) && ! empty( $media_number['weight'] ) ) ) {
$css->set_selector( $base_selector . ' .kt-blocks-info-box-number' );
if ( ! empty( $media_number['family'] ) ) {
$google = isset( $media_number['google'] ) && $media_number['google'] ? true : false;
$google = $google && ( isset( $media_number['loadGoogle'] ) && $media_number['loadGoogle'] || ! isset( $media_number['loadGoogle'] ) ) ? true : false;
$css->add_property( 'font-family', $css->render_font_family( $media_number['family'], $google, ( isset( $media_number['variant'] ) ? $media_number['variant'] : '' ), ( isset( $media_number['subset'] ) ? $media_number['subset'] : '' ) ) );
}
if ( isset( $media_number['style'] ) && ! empty( $media_number['style'] ) ) {
$css->add_property( 'font-style', $media_number['style'] );
}
if ( isset( $media_number['weight'] ) && ! empty( $media_number['weight'] ) ) {
$css->add_property( 'font-weight', $css->render_font_weight( $media_number['weight'] ) );
}
}
$css->set_selector( $base_selector . ' .kt-blocks-info-box-media' );
if ( isset( $media_icon['color'] ) && ! empty( $media_icon['color'] ) ) {
$css->add_property( 'color', $css->render_color( $media_icon['color'] ) );
}
if ( isset( $media_style['background'] ) && ! empty( $media_style['background'] ) ) {
$css->add_property( 'background', $css->render_color( $media_style['background'] ) );
}
if ( isset( $media_style['border'] ) && ! empty( $media_style['border'] ) ) {
$css->add_property( 'border-color', $css->render_color( $media_style['border'] ) );
}
if ( isset( $media_style['borderRadius'] ) && ! empty( $media_style['borderRadius'] ) ) {
$css->add_property( 'border-radius', $media_style['borderRadius'] . ( isset( $media_style['borderRadiusUnit'] ) ? $media_style['borderRadiusUnit'] : 'px' ) );
$css->add_property( 'overflow', 'hidden' );
}
if ( isset( $media_style['borderWidth'] ) && is_array( $media_style['borderWidth'] ) ) {
$border_width_unit = isset( $media_style['borderWidthUnit'] ) ? $media_style['borderWidthUnit'] : 'px';
if ( isset( $media_style['borderWidth'][0] ) && is_numeric( $media_style['borderWidth'][0] ) ) {
$css->add_property( 'border-top-width', $media_style['borderWidth'][0] . $border_width_unit );
}
if ( isset( $media_style['borderWidth'][1] ) && is_numeric( $media_style['borderWidth'][1] ) ) {
$css->add_property( 'border-right-width', $media_style['borderWidth'][1] . $border_width_unit );
}
if ( isset( $media_style['borderWidth'][2] ) && is_numeric( $media_style['borderWidth'][2] ) ) {
$css->add_property( 'border-bottom-width', $media_style['borderWidth'][2] . $border_width_unit );
}
if ( isset( $media_style['borderWidth'][3] ) && is_numeric( $media_style['borderWidth'][3] ) ) {
$css->add_property( 'border-left-width', $media_style['borderWidth'][3] . $border_width_unit );
}
}
$padding_unit = isset( $media_style['paddingUnit'] ) ? $media_style['paddingUnit'] : 'px';
if ( isset( $media_style['padding'] ) && is_array( $media_style['padding'] ) ) {
if ( isset( $media_style['padding'][0] ) && is_numeric( $media_style['padding'][0] ) ) {
$css->add_property( 'padding-top', $media_style['padding'][0] . $padding_unit );
}
if ( isset( $media_style['padding'][1] ) && is_numeric( $media_style['padding'][1] ) ) {
$css->add_property( 'padding-right', $media_style['padding'][1] . $padding_unit );
}
if ( isset( $media_style['padding'][2] ) && is_numeric( $media_style['padding'][2] ) ) {
$css->add_property( 'padding-bottom', $media_style['padding'][2] . $padding_unit );
}
if ( isset( $media_style['padding'][3] ) && is_numeric( $media_style['padding'][3] ) ) {
$css->add_property( 'padding-left', $media_style['padding'][3] . $padding_unit );
}
}
$margin_unit = isset( $media_style['marginUnit'] ) ? $media_style['marginUnit'] : 'px';
if ( isset( $media_style['margin'] ) && is_array( $media_style['margin'] ) && isset( $attributes['mediaAlign'] ) && 'top' !== $attributes['mediaAlign'] ) {
if ( isset( $media_style['margin'][0] ) && is_numeric( $media_style['margin'][0] ) ) {
$css->add_property( 'margin-top', $media_style['margin'][0] . $margin_unit );
}
if ( isset( $media_style['margin'][1] ) && is_numeric( $media_style['margin'][1] ) ) {
$css->add_property( 'margin-right', $media_style['margin'][1] . $margin_unit );
}
if ( isset( $media_style['margin'][2] ) && is_numeric( $media_style['margin'][2] ) ) {
$css->add_property( 'margin-bottom', $media_style['margin'][2] . $margin_unit );
}
if ( isset( $media_style['margin'][3] ) && is_numeric( $media_style['margin'][3] ) ) {
$css->add_property( 'margin-left', $media_style['margin'][3] . $margin_unit );
}
}
if ( isset( $media_style['margin'] ) && is_array( $media_style['margin'] ) && ( ! isset( $attributes['mediaAlign'] ) || 'top' === $attributes['mediaAlign'] ) ) {
$css->set_selector( $base_selector . ' .kt-blocks-info-box-media-container' );
if ( isset( $media_style['margin'][0] ) && is_numeric( $media_style['margin'][0] ) ) {
$css->add_property( 'margin-top', $media_style['margin'][0] . $margin_unit );
}
if ( isset( $media_style['margin'][1] ) && is_numeric( $media_style['margin'][1] ) ) {
$css->add_property( 'margin-right', $media_style['margin'][1] . $margin_unit );
}
if ( isset( $media_style['margin'][2] ) && is_numeric( $media_style['margin'][2] ) ) {
$css->add_property( 'margin-bottom', $media_style['margin'][2] . $margin_unit );
}
if ( isset( $media_style['margin'][3] ) && is_numeric( $media_style['margin'][3] ) ) {
$css->add_property( 'margin-left', $media_style['margin'][3] . $margin_unit );
}
}
if ( isset( $media_style['borderRadius'] ) && ! empty( $media_style['borderRadius'] ) && isset( $media_style['padding'] ) && is_array( $media_style['padding'] ) && ! empty( array_filter( $media_style['padding'], fn($value) => $value > 0 ) ) ) {
$css->set_selector( $base_selector . ' .kt-blocks-info-box-media .kadence-info-box-image-intrisic img' );
$css->add_property( 'border-radius', $media_style['borderRadius'] . (isset( $media_style['borderRadiusUnit'] ) ? $media_style['borderRadiusUnit'] : 'px') );
}
$css->set_selector( $base_selector . ' .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-media' );
if ( isset( $media_icon['hoverColor'] ) && ! empty( $media_icon['hoverColor'] ) ) {
$css->add_property( 'color', $css->render_color( $media_icon['hoverColor'] ) );
}
if ( isset( $media_style['hoverBackground'] ) && ! empty( $media_style['hoverBackground'] ) ) {
$css->add_property( 'background', $css->render_color( $media_style['hoverBackground'] ) );
}
if ( isset( $media_style['hoverBorder'] ) && ! empty( $media_style['hoverBorder'] ) ) {
$css->add_property( 'border-color', $css->render_color( $media_style['hoverBorder'] ) );
}
if ( ( ( isset( $attributes['mediaType'] ) && 'icon' === $attributes['mediaType'] || ! isset( $attributes['mediaType'] ) ) && isset( $media_icon['hoverAnimation'] ) && 'drawborder' === $media_icon['hoverAnimation'] ) || ( isset( $attributes['mediaType'] ) && 'number' === $attributes['mediaType'] && isset( $media_number['hoverAnimation'] ) && 'drawborder' === $media_number['hoverAnimation'] ) || ( isset( $attributes['mediaType'] ) && 'image' === $attributes['mediaType'] && isset( $media_image['hoverAnimation'] ) && ( 'drawborder' === $media_image['hoverAnimation'] || 'grayscale-border-draw' === $media_image['hoverAnimation'] ) ) ) {
$css->set_selector( $base_selector . ' .kt-blocks-info-box-link-wrap .kt-blocks-info-box-media' );
$css->add_property( 'border-width', '0px' );
if ( isset( $media_style['borderWidth'] ) && is_array( $media_style['borderWidth'] ) ) {
$css->add_property( 'box-shadow', 'inset 0 0 0 ' . $media_style['borderWidth'][0] . 'px ' . ( isset( $media_style['border'] ) && ! empty( $media_style['border'] ) ? $media_style['border'] : '#444444' ) );
}
if ( isset( $media_style['borderRadius'] ) && ! empty( $media_style['borderRadius'] ) ) {
$css->set_selector( $base_selector . ' .kt-blocks-info-box-link-wrap .kt-blocks-info-box-media:before, ' . $base_selector . ' .kt-blocks-info-box-link-wrap .kt-blocks-info-box-media:after' );
$css->add_property( 'border-radius', $media_style['borderRadius'] . 'px' );
}
if ( isset( $media_style['borderWidth'] ) && is_array( $media_style['borderWidth'] ) ) {
$css->set_selector( $base_selector . ' .kt-blocks-info-box-link-wrap .kt-blocks-info-box-media:before' );
$css->add_property( 'border-width', $media_style['borderWidth'][0] . 'px' );
}
$css->set_selector( $base_selector . ' .kt-blocks-info-box-link-wrap .kt-blocks-info-box-media:after' );
$css->set_selector( 'border-width', '0px' );
if ( isset( $media_style['borderWidth'] ) && is_array( $media_style['borderWidth'] ) ) {
$css->set_selector( $base_selector . ' .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-media:after' );
$css->add_property( 'border-right-color', ( isset( $media_style['hoverBorder'] ) && ! empty( $media_style['hoverBorder'] ) ? $css->render_color( $media_style['hoverBorder'] ) : '#444444' ) );
$css->add_property( 'border-right-width', $media_style['borderWidth'][0] . 'px' );
$css->add_property( 'border-top-width', $media_style['borderWidth'][0] . 'px' );
$css->add_property( 'border-bottom-width', $media_style['borderWidth'][0] . 'px' );
}
$css->set_selector( $base_selector . ' .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-media:before' );
$css->add_property( 'border-top-color', ( isset( $media_style['hoverBorder'] ) && ! empty( $media_style['hoverBorder'] ) ? $css->render_color( $media_style['hoverBorder'] ) : '#444444' ) );
$css->add_property( 'border-right-color', ( isset( $media_style['hoverBorder'] ) && ! empty( $media_style['hoverBorder'] ) ? $css->render_color( $media_style['hoverBorder'] ) : '#444444' ) );
$css->add_property( 'border-bottom-color', ( isset( $media_style['hoverBorder'] ) && ! empty( $media_style['hoverBorder'] ) ? $css->render_color( $media_style['hoverBorder'] ) : '#444444' ) );
}
$attributes['titleTagLevel'] = !empty( $attributes['titleFont'][0]['level'] ) ? $attributes['titleFont'][0]['level'] : 2;
$attributes['titleTagType'] = !empty( $attributes['titleTagType'] ) ? $attributes['titleTagType'] : 'heading';
$titleTag = $this->get_html_tag( $attributes, 'titleTagType', 'h2', $this->allowed_html_tags, 'titleTagLevel' );
if ( isset( $attributes['titleColor'] ) || isset( $attributes['titleFont'] ) ) {
$css->set_selector( $base_selector . ' .kt-infobox-textcontent ' . $titleTag . '.kt-blocks-info-box-title' );
if ( isset( $attributes['titleColor'] ) && ! empty( $attributes['titleColor'] ) ) {
$css->add_property( 'color', $css->render_color( $attributes['titleColor'] ) );
}
if ( isset( $attributes['titleFont'] ) && is_array( $attributes['titleFont'] ) && is_array( $attributes['titleFont'][0] ) ) {
$title_font = $attributes['titleFont'][0];
if ( isset( $title_font['size'] ) && is_array( $title_font['size'] ) && ! empty( $title_font['size'][0] ) ) {
$css->add_property( 'font-size', $css->get_font_size( $title_font['size'][0], ( ! isset( $title_font['sizeType'] ) ? 'px' : $title_font['sizeType'] ) ) );
}
if ( isset( $title_font['lineHeight'] ) && is_array( $title_font['lineHeight'] ) && ! empty( $title_font['lineHeight'][0] ) ) {
$css->add_property( 'line-height', $title_font['lineHeight'][0] . ( ! isset( $title_font['lineType'] ) ? 'px' : $title_font['lineType'] ) );
}
if ( isset( $title_font['letterSpacing'] ) && ! empty( $title_font['letterSpacing'] ) ) {
$css->add_property( 'letter-spacing', $title_font['letterSpacing'] . 'px' );
}
if ( isset( $title_font['textTransform'] ) && ! empty( $title_font['textTransform'] ) ) {
$css->add_property( 'text-transform', $title_font['textTransform'] );
}
if ( isset( $title_font['family'] ) && ! empty( $title_font['family'] ) ) {
$google = isset( $title_font['google'] ) && $title_font['google'] ? true : false;
$google = $google && ( isset( $title_font['loadGoogle'] ) && $title_font['loadGoogle'] || ! isset( $title_font['loadGoogle'] ) ) ? true : false;
$css->add_property( 'font-family', $css->render_font_family( $title_font['family'], $google, ( isset( $title_font['variant'] ) ? $title_font['variant'] : '' ), ( isset( $title_font['subset'] ) ? $title_font['subset'] : '' ) ) );
}
if ( isset( $title_font['style'] ) && ! empty( $title_font['style'] ) ) {
$css->add_property( 'font-style', $title_font['style'] );
}
if ( isset( $title_font['weight'] ) && ! empty( $title_font['weight'] ) ) {
$css->add_property( 'font-weight', $css->render_font_weight( $title_font['weight'] ) );
}
if ( isset( $title_font['padding'] ) && is_array( $title_font['padding'] ) ) {
if ( isset( $title_font['padding'][0] ) && is_numeric( $title_font['padding'][0] ) ) {
$css->add_property( 'padding-top', $title_font['padding'][0] . 'px' );
}
if ( isset( $title_font['padding'][1] ) && is_numeric( $title_font['padding'][1] ) ) {
$css->add_property( 'padding-right', $title_font['padding'][1] . 'px' );
}
if ( isset( $title_font['padding'][2] ) && is_numeric( $title_font['padding'][2] ) ) {
$css->add_property( 'padding-bottom', $title_font['padding'][2] . 'px' );
}
if ( isset( $title_font['padding'][3] ) && is_numeric( $title_font['padding'][3] ) ) {
$css->add_property( 'padding-left', $title_font['padding'][3] . 'px' );
}
}
if ( isset( $title_font['margin'] ) && is_array( $title_font['margin'] ) ) {
if ( isset( $title_font['margin'][0] ) && is_numeric( $title_font['margin'][0] ) ) {
$css->add_property( 'margin-top', $title_font['margin'][0] . 'px' );
}
if ( isset( $title_font['margin'][1] ) && is_numeric( $title_font['margin'][1] ) ) {
$css->add_property( 'margin-right', $title_font['margin'][1] . 'px' );
}
if ( isset( $title_font['margin'][2] ) && is_numeric( $title_font['margin'][2] ) ) {
$css->add_property( 'margin-bottom', $title_font['margin'][2] . 'px' );
}
if ( isset( $title_font['margin'][3] ) && is_numeric( $title_font['margin'][3] ) ) {
$css->add_property( 'margin-left', $title_font['margin'][3] . 'px' );
}
}
}
}
if ( isset( $attributes['titleHoverColor'] ) && ! empty( $attributes['titleHoverColor'] ) ) {
$css->set_selector( $base_selector . ' .kt-blocks-info-box-link-wrap:hover ' . $titleTag . '.kt-blocks-info-box-title' );
$css->add_property( 'color', $css->render_color( $attributes['titleHoverColor'] ) );
}
if ( isset( $attributes['titleFont'] ) && is_array( $attributes['titleFont'] ) && isset( $attributes['titleFont'][0] ) && is_array( $attributes['titleFont'][0] ) && ( ( isset( $attributes['titleFont'][0]['size'] ) && is_array( $attributes['titleFont'][0]['size'] ) && isset( $attributes['titleFont'][0]['size'][1] ) && ! empty( $attributes['titleFont'][0]['size'][1] ) ) || ( isset( $attributes['titleFont'][0]['lineHeight'] ) && is_array( $attributes['titleFont'][0]['lineHeight'] ) && isset( $attributes['titleFont'][0]['lineHeight'][1] ) && ! empty( $attributes['titleFont'][0]['lineHeight'][1] ) ) ) ) {
$css->set_media_state( 'tablet' );
$css->set_selector( $base_selector . ' .kt-infobox-textcontent ' . $titleTag . '.kt-blocks-info-box-title' );
if ( isset( $attributes['titleFont'][0]['size'][1] ) && ! empty( $attributes['titleFont'][0]['size'][1] ) ) {
$css->add_property( 'font-size', $css->get_font_size( $attributes['titleFont'][0]['size'][1], ( ! isset( $attributes['titleFont'][0]['sizeType'] ) ? 'px' : $attributes['titleFont'][0]['sizeType'] ) ) );
}
if ( isset( $attributes['titleFont'][0]['lineHeight'][1] ) && ! empty( $attributes['titleFont'][0]['lineHeight'][1] ) ) {
$css->add_property( 'line-height', $attributes['titleFont'][0]['lineHeight'][1] . ( ! isset( $attributes['titleFont'][0]['lineType'] ) ? 'px' : $attributes['titleFont'][0]['lineType'] ) );
}
$css->set_media_state( 'desktop' );
}
if ( isset( $attributes['titleFont'] ) && is_array( $attributes['titleFont'] ) && isset( $attributes['titleFont'][0] ) && is_array( $attributes['titleFont'][0] ) && ( ( isset( $attributes['titleFont'][0]['size'] ) && is_array( $attributes['titleFont'][0]['size'] ) && isset( $attributes['titleFont'][0]['size'][2] ) && ! empty( $attributes['titleFont'][0]['size'][2] ) ) || ( isset( $attributes['titleFont'][0]['lineHeight'] ) && is_array( $attributes['titleFont'][0]['lineHeight'] ) && isset( $attributes['titleFont'][0]['lineHeight'][2] ) && ! empty( $attributes['titleFont'][0]['lineHeight'][2] ) ) ) ) {
$css->set_media_state( 'mobile' );
$css->set_selector( $base_selector . ' .kt-infobox-textcontent ' . $titleTag . '.kt-blocks-info-box-title' );
if ( isset( $attributes['titleFont'][0]['size'][2] ) && ! empty( $attributes['titleFont'][0]['size'][2] ) ) {
$css->add_property( 'font-size', $css->get_font_size( $attributes['titleFont'][0]['size'][2], ( ! isset( $attributes['titleFont'][0]['sizeType'] ) ? 'px' : $attributes['titleFont'][0]['sizeType'] ) ) );
}
if ( isset( $attributes['titleFont'][0]['lineHeight'][2] ) && ! empty( $attributes['titleFont'][0]['lineHeight'][2] ) ) {
$css->add_property( 'line-height', $attributes['titleFont'][0]['lineHeight'][2] . ( ! isset( $attributes['titleFont'][0]['lineType'] ) ? 'px' : $attributes['titleFont'][0]['lineType'] ) );
}
$css->set_media_state( 'desktop' );
}
$title_min_height_unit = isset( $attributes['titleMinHeightUnit'] ) ? $attributes['titleMinHeightUnit'] : 'px';
if ( isset( $attributes['titleMinHeight'] ) && is_array( $attributes['titleMinHeight'] ) && isset( $attributes['titleMinHeight'][0] ) ) {
if ( is_numeric( $attributes['titleMinHeight'][0] ) ) {
$css->set_selector( $base_selector . ' ' . $titleTag . '.kt-blocks-info-box-title' );
$css->add_property( 'min-height', $attributes['titleMinHeight'][0] . $title_min_height_unit );
}
if ( isset( $attributes['titleMinHeight'][1] ) && is_numeric( $attributes['titleMinHeight'][1] ) ) {
$css->set_media_state( 'tablet' );
$css->set_selector( $base_selector . ' ' . $titleTag . '.kt-blocks-info-box-title' );
$css->add_property( 'min-height', $attributes['titleMinHeight'][1] . $title_min_height_unit );
$css->set_media_state( 'desktop' );
}
if ( isset( $attributes['titleMinHeight'][2] ) && is_numeric( $attributes['titleMinHeight'][2] ) ) {
$css->set_media_state( 'mobile' );
$css->set_selector( $base_selector . ' ' . $titleTag . '.kt-blocks-info-box-title' );
$css->add_property( 'min-height', $attributes['titleMinHeight'][2] . $title_min_height_unit );
$css->set_media_state( 'desktop' );
}
}
if ( isset( $attributes['mediaAlignTablet'] ) && ! empty( $attributes['mediaAlignTablet'] ) ) {
if ( 'top' === $attributes['mediaAlignTablet'] ) {
$display = 'block';
$align = '';
$content = '';
} elseif ( 'left' === $attributes['mediaAlignTablet'] ) {
$display = 'flex';
$align = 'center';
$content = 'flex-start';
} else {
$display = 'flex';
$align = 'center';
$content = 'flex-end';
}
$css->set_media_state( 'tablet' );
$css->set_selector( $base_selector . ' .kt-blocks-info-box-link-wrap' );
$css->add_property( 'display', $display );
if ( ! empty( $align ) ) {
$css->add_property( 'align-items', $align );
}
if ( ! empty( $content ) ) {
$css->add_property( 'justify-content', $content );
}
if ( 'top' === $attributes['mediaAlignTablet'] ) {
$css->set_selector( $base_selector . ' .kt-blocks-info-box-link-wrap .kt-blocks-info-box-media' );
$css->add_property( 'display', 'inline-block' );
$css->add_property( 'max-width', '100%' );
} else {
$css->set_selector( $base_selector . ' .kt-blocks-info-box-link-wrap .kt-blocks-info-box-media' );
$css->add_property( 'display', 'block' );
}
$css->set_media_state( 'desktop' );
}
if ( isset( $attributes['mediaAlignMobile'] ) && ! empty( $attributes['mediaAlignMobile'] ) ) {
if ( 'top' === $attributes['mediaAlignMobile'] ) {
$display = 'block';
$content = '';
} elseif ( 'left' === $attributes['mediaAlignMobile'] ) {
$display = 'flex';
$content = 'flex-start';
$direction = 'row';
} else {
$display = 'flex';
$content = 'flex-end';
$direction = 'row-reverse';
}
$css->set_media_state( 'mobile' );
$css->set_selector( $base_selector . ' .kt-blocks-info-box-link-wrap' );
$css->add_property( 'display', $display );
if ( ! empty( $content ) ) {
$css->add_property( 'justify-content', $content );
}
if ( ! empty( $direction ) ) {
$css->add_property( 'flex-direction', $direction );
}
$css->set_selector( $base_selector . ' .kt-blocks-info-box-link-wrap .kt-blocks-info-box-media' );
$css->add_property( 'display', 'inline-block' );
$css->add_property( 'max-width', '100%' );
// $css .= $base_selector . ' .kt-blocks-info-box-media-align-left.kt-blocks-info-box-link-wrap .kt-blocks-info-box-media {';
// $css .= 'display: block;';
// $css .= '}';
// .kt-blocks-info-box-media-container {
// width: 100%;
// }
$css->set_media_state( 'desktop' );
}
if ( isset( $attributes['textColor'] ) || isset( $attributes['textFont'] ) || isset( $attributes['textSpacing'] ) ) {
$css->set_selector( $base_selector . ' .kt-infobox-textcontent .kt-blocks-info-box-text' );
if ( isset( $attributes['textColor'] ) && ! empty( $attributes['textColor'] ) ) {
$css->add_property( 'color', $css->render_color( $attributes['textColor'] ) );
}
$css->set_selector('.wp-block-kadence-infobox' . $base_selector . ' .kt-blocks-info-box-text' );
if ( isset( $attributes['textFont'] ) && is_array( $attributes['textFont'] ) && is_array( $attributes['textFont'][0] ) ) {
$text_font = $attributes['textFont'][0];
if ( isset( $text_font['size'] ) && is_array( $text_font['size'] ) && ! empty( $text_font['size'][0] ) ) {
$css->add_property( 'font-size', $css->get_font_size( $text_font['size'][0], ( ! isset( $text_font['sizeType'] ) ? 'px' : $text_font['sizeType'] ) ) );
}
if ( isset( $text_font['lineHeight'] ) && is_array( $text_font['lineHeight'] ) && ! empty( $text_font['lineHeight'][0] ) ) {
$css->add_property( 'line-height', $text_font['lineHeight'][0] . ( ! isset( $text_font['lineType'] ) ? 'px' : $text_font['lineType'] ) );
}
if ( isset( $text_font['letterSpacing'] ) && ! empty( $text_font['letterSpacing'] ) ) {
$css->add_property( 'letter-spacing', $text_font['letterSpacing'] . 'px' );
}
if ( isset( $text_font['textTransform'] ) && ! empty( $text_font['textTransform'] ) ) {
$css->add_property( 'text-transform', $text_font['textTransform'] );
}
if ( isset( $text_font['family'] ) && ! empty( $text_font['family'] ) ) {
$google = isset( $text_font['google'] ) && $text_font['google'] ? true : false;
$google = $google && ( isset( $text_font['loadGoogle'] ) && $text_font['loadGoogle'] || ! isset( $text_font['loadGoogle'] ) ) ? true : false;
$css->add_property( 'font-family', $css->render_font_family( $text_font['family'], $google, ( isset( $text_font['variant'] ) ? $text_font['variant'] : '' ), ( isset( $text_font['subset'] ) ? $text_font['subset'] : '' ) ) );
}
if ( isset( $text_font['style'] ) && ! empty( $text_font['style'] ) ) {
$css->add_property( 'font-style', $text_font['style'] );
}
if ( isset( $text_font['weight'] ) && ! empty( $text_font['weight'] ) ) {
$css->add_property( 'font-weight', $css->render_font_weight( $text_font['weight'] ) );
}
}
if ( isset( $attributes['textSpacing'] ) && is_array( $attributes['textSpacing'] ) && is_array( $attributes['textSpacing'][0] ) ) {
$text_spacing = $attributes['textSpacing'][0];
if ( isset( $text_spacing['padding'] ) && is_array( $text_spacing['padding'] ) ) {
if ( isset( $text_spacing['padding'][0] ) && is_numeric( $text_spacing['padding'][0] ) ) {
$css->add_property( 'padding-top', $text_spacing['padding'][0] . 'px' );
}
if ( isset( $text_spacing['padding'][1] ) && is_numeric( $text_spacing['padding'][1] ) ) {
$css->add_property( 'padding-right', $text_spacing['padding'][1] . 'px' );
}
if ( isset( $text_spacing['padding'][2] ) && is_numeric( $text_spacing['padding'][2] ) ) {
$css->add_property( 'padding-bottom', $text_spacing['padding'][2] . 'px' );
}
if ( isset( $text_spacing['padding'][3] ) && is_numeric( $text_spacing['padding'][3] ) ) {
$css->add_property( 'padding-left', $text_spacing['padding'][3] . 'px' );
}
}
if ( isset( $text_spacing['margin'] ) && is_array( $text_spacing['margin'] ) ) {
if ( isset( $text_spacing['margin'][0] ) && is_numeric( $text_spacing['margin'][0] ) ) {
$css->add_property( 'margin-top', $text_spacing['margin'][0] . 'px' );
}
if ( isset( $text_spacing['margin'][1] ) && is_numeric( $text_spacing['margin'][1] ) ) {
$css->add_property( 'margin-right', $text_spacing['margin'][1] . 'px' );
}
if ( isset( $text_spacing['margin'][2] ) && is_numeric( $text_spacing['margin'][2] ) ) {
$css->add_property( 'margin-bottom', $text_spacing['margin'][2] . 'px' );
}
if ( isset( $text_spacing['margin'][3] ) && is_numeric( $text_spacing['margin'][3] ) ) {
$css->add_property( 'margin-left', $text_spacing['margin'][3] . 'px' );
}
}
}
}
if ( isset( $attributes['textHoverColor'] ) && ! empty( $attributes['textHoverColor'] ) ) {
$css->set_selector( $base_selector . ' .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-text' );
$css->add_property( 'color', $css->render_color( $attributes['textHoverColor'] ) );
}
if ( isset( $attributes['textFont'] ) && is_array( $attributes['textFont'] ) && isset( $attributes['textFont'][0] ) && is_array( $attributes['textFont'][0] ) && ( ( isset( $attributes['textFont'][0]['size'] ) && is_array( $attributes['textFont'][0]['size'] ) && isset( $attributes['textFont'][0]['size'][1] ) && ! empty( $attributes['textFont'][0]['size'][1] ) ) || ( isset( $attributes['textFont'][0]['lineHeight'] ) && is_array( $attributes['textFont'][0]['lineHeight'] ) && isset( $attributes['textFont'][0]['lineHeight'][1] ) && ! empty( $attributes['textFont'][0]['lineHeight'][1] ) ) ) ) {
$css->set_media_state( 'tablet' );
$css->set_selector( '.wp-block-kadence-infobox' . $base_selector . ' .kt-blocks-info-box-text' );
if ( isset( $attributes['textFont'][0]['size'][1] ) && ! empty( $attributes['textFont'][0]['size'][1] ) ) {
$css->add_property( 'font-size', $css->get_font_size( $attributes['textFont'][0]['size'][1], ( ! isset( $attributes['textFont'][0]['sizeType'] ) ? 'px' : $attributes['textFont'][0]['sizeType'] ) ) );
}
if ( isset( $attributes['textFont'][0]['lineHeight'][1] ) && ! empty( $attributes['textFont'][0]['lineHeight'][1] ) ) {
$css->add_property( 'line-height', $attributes['textFont'][0]['lineHeight'][1] . ( ! isset( $attributes['textFont'][0]['lineType'] ) ? 'px' : $attributes['textFont'][0]['lineType'] ) );
}
$css->set_media_state( 'desktop' );
}
if ( isset( $attributes['textFont'] ) && is_array( $attributes['textFont'] ) && isset( $attributes['textFont'][0] ) && is_array( $attributes['textFont'][0] ) && ( ( isset( $attributes['textFont'][0]['size'] ) && is_array( $attributes['textFont'][0]['size'] ) && isset( $attributes['textFont'][0]['size'][2] ) && ! empty( $attributes['textFont'][0]['size'][2] ) ) || ( isset( $attributes['textFont'][0]['lineHeight'] ) && is_array( $attributes['textFont'][0]['lineHeight'] ) && isset( $attributes['textFont'][0]['lineHeight'][2] ) && ! empty( $attributes['textFont'][0]['lineHeight'][2] ) ) ) ) {
$css->set_media_state( 'mobile' );
$css->set_selector( '.wp-block-kadence-infobox' . $base_selector . ' .kt-blocks-info-box-text' );
if ( isset( $attributes['textFont'][0]['size'][2] ) && ! empty( $attributes['textFont'][0]['size'][2] ) ) {
$css->add_property( 'font-size', $css->get_font_size( $attributes['textFont'][0]['size'][2], ( ! isset( $attributes['textFont'][0]['sizeType'] ) ? 'px' : $attributes['textFont'][0]['sizeType'] ) ) );
}
if ( isset( $attributes['textFont'][0]['lineHeight'][2] ) && ! empty( $attributes['textFont'][0]['lineHeight'][2] ) ) {
$css->add_property( 'line-height', $attributes['textFont'][0]['lineHeight'][2] . ( ! isset( $attributes['textFont'][0]['lineType'] ) ? 'px' : $attributes['textFont'][0]['lineType'] ) );
}
$css->set_media_state( 'desktop' );
}
$text_min_height_unit = isset( $attributes['textMinHeightUnit'] ) ? $attributes['textMinHeightUnit'] : 'px';
if ( isset( $attributes['textMinHeight'] ) && is_array( $attributes['textMinHeight'] ) && isset( $attributes['textMinHeight'][0] ) ) {
if ( is_numeric( $attributes['textMinHeight'][0] ) ) {
$css->set_selector( $base_selector . ' .kt-blocks-info-box-text' );
$css->add_property( 'min-height', $attributes['textMinHeight'][0] . $text_min_height_unit );
}
if ( isset( $attributes['textMinHeight'][1] ) && is_numeric( $attributes['textMinHeight'][1] ) ) {
$css->set_media_state( 'tablet' );
$css->set_selector( $base_selector . ' .kt-blocks-info-box-text' );
$css->add_property( 'min-height', $attributes['textMinHeight'][1] . $text_min_height_unit );
$css->set_media_state( 'desktop' );
}
if ( isset( $attributes['textMinHeight'][2] ) && is_numeric( $attributes['textMinHeight'][2] ) ) {
$css->set_media_state( 'mobile' );
$css->set_selector( $base_selector . ' .kt-blocks-info-box-text' );
$css->add_property( 'min-height', $attributes['textMinHeight'][2] . $text_min_height_unit );
$css->set_media_state( 'desktop' );
}
}
if ( isset( $attributes['learnMoreStyles'] ) && is_array( $attributes['learnMoreStyles'] ) && is_array( $attributes['learnMoreStyles'][0] ) ) {
$learn_more_styles = $attributes['learnMoreStyles'][0];
$css->set_selector( $base_selector . ' .kt-blocks-info-box-learnmore' );
if ( isset( $learn_more_styles['color'] ) && ! empty( $learn_more_styles['color'] ) ) {
$css->add_property( 'color', $css->render_color( $learn_more_styles['color'] ) );
}
if ( isset( $learn_more_styles['background'] ) && ! empty( $learn_more_styles['background'] ) ) {
$css->add_property( 'background', $css->render_color( $learn_more_styles['background'] ) );
}
if ( isset( $learn_more_styles['border'] ) && ! empty( $learn_more_styles['border'] ) ) {
$css->add_property( 'border-color', $css->render_color( $learn_more_styles['border'] ) );
}
if ( isset( $learn_more_styles['borderRadius'] ) && ! empty( $learn_more_styles['borderRadius'] ) ) {
$css->add_property( 'border-radius', $learn_more_styles['borderRadius'] . 'px' );
}
if ( isset( $learn_more_styles['size'] ) && is_array( $learn_more_styles['size'] ) && ! empty( $learn_more_styles['size'][0] ) ) {
$css->add_property( 'font-size', $css->get_font_size( $learn_more_styles['size'][0], ( ! isset( $learn_more_styles['sizeType'] ) ? 'px' : $learn_more_styles['sizeType'] ) ) );
}
if ( isset( $learn_more_styles['lineHeight'] ) && is_array( $learn_more_styles['lineHeight'] ) && ! empty( $learn_more_styles['lineHeight'][0] ) ) {
$css->add_property( 'line-height', $learn_more_styles['lineHeight'][0] . ( ! isset( $learn_more_styles['lineType'] ) ? 'px' : $learn_more_styles['lineType'] ) );
}
if ( isset( $learn_more_styles['letterSpacing'] ) && ! empty( $learn_more_styles['letterSpacing'] ) ) {
$css->add_property( 'letter-spacing', $learn_more_styles['letterSpacing'] . 'px' );
}
if ( isset( $learn_more_styles['textTransform'] ) && ! empty( $learn_more_styles['textTransform'] ) ) {
$css->add_property( 'text-transform', $learn_more_styles['textTransform'] );
}
if ( isset( $learn_more_styles['family'] ) && ! empty( $learn_more_styles['family'] ) ) {
$google = isset( $learn_more_styles['google'] ) && $learn_more_styles['google'] ? true : false;
$google = $google && ( isset( $learn_more_styles['loadGoogle'] ) && $learn_more_styles['loadGoogle'] || ! isset( $learn_more_styles['loadGoogle'] ) ) ? true : false;
$css->add_property( 'font-family', $css->render_font_family( $learn_more_styles['family'], $google, ( isset( $learn_more_styles['variant'] ) ? $learn_more_styles['variant'] : '' ), ( isset( $learn_more_styles['subset'] ) ? $learn_more_styles['subset'] : '' ) ) );
}
if ( isset( $learn_more_styles['style'] ) && ! empty( $learn_more_styles['style'] ) ) {
$css->add_property( 'font-style', $learn_more_styles['style'] );
}
if ( isset( $learn_more_styles['weight'] ) && ! empty( $learn_more_styles['weight'] ) ) {
$css->add_property( 'font-weight', $css->render_font_weight( $learn_more_styles['weight'] ) );
}
if ( isset( $learn_more_styles['borderWidth'] ) && is_array( $learn_more_styles['borderWidth'] ) ) {
$css->add_property( 'border-width', $learn_more_styles['borderWidth'][0] . 'px ' . $learn_more_styles['borderWidth'][1] . 'px ' . $learn_more_styles['borderWidth'][2] . 'px ' . $learn_more_styles['borderWidth'][3] . 'px' );
}
$learn_more_padding_unit = ( ! empty( $learn_more_styles['paddingUnit'] ) ? $learn_more_styles['paddingUnit'] : 'px' );
if ( isset( $learn_more_styles['padding'][0] ) && $css->is_number( $learn_more_styles['padding'][0] ) ) {
$css->add_property( 'padding-top', $learn_more_styles['padding'][0] . $learn_more_padding_unit );
}
if ( isset( $learn_more_styles['padding'][1] ) && $css->is_number( $learn_more_styles['padding'][1] ) ) {
$css->add_property( 'padding-right', $learn_more_styles['padding'][1] . $learn_more_padding_unit );
}
if ( isset( $learn_more_styles['padding'][2] ) && $css->is_number( $learn_more_styles['padding'][2] ) ) {
$css->add_property( 'padding-bottom', $learn_more_styles['padding'][2] . $learn_more_padding_unit );
}
if ( isset( $learn_more_styles['padding'][3] ) && $css->is_number( $learn_more_styles['padding'][3] ) ) {
$css->add_property( 'padding-left', $learn_more_styles['padding'][3] . $learn_more_padding_unit );
}
$learn_more_margin_unit = ( ! empty( $learn_more_styles['marginUnit'] ) ? $learn_more_styles['marginUnit'] : 'px' );
if ( isset( $learn_more_styles['margin'][0] ) && $css->is_number( $learn_more_styles['margin'][0] ) ) {
$css->add_property( 'margin-top', $learn_more_styles['margin'][0] . $learn_more_margin_unit );
}
if ( isset( $learn_more_styles['margin'][1] ) && $css->is_number( $learn_more_styles['margin'][1] ) ) {
$css->add_property( 'margin-right', $learn_more_styles['margin'][1] . $learn_more_margin_unit );
}
if ( isset( $learn_more_styles['margin'][2] ) && $css->is_number( $learn_more_styles['margin'][2] ) ) {
$css->add_property( 'margin-bottom', $learn_more_styles['margin'][2] . $learn_more_margin_unit );
}
if ( isset( $learn_more_styles['margin'][3] ) && $css->is_number( $learn_more_styles['margin'][3] ) ) {
$css->add_property( 'margin-left', $learn_more_styles['margin'][3] . $learn_more_margin_unit );
}
if ( isset( $learn_more_styles['colorHover'] ) || isset( $learn_more_styles['colorHover'] ) || isset( $learn_more_styles['borderHover'] ) ) {
$css->set_selector( $base_selector . ' .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-learnmore,' . $base_selector . ' .kt-blocks-info-box-link-wrap .kt-blocks-info-box-learnmore:focus' );
if ( isset( $learn_more_styles['colorHover'] ) && ! empty( $learn_more_styles['colorHover'] ) ) {
$css->add_property( 'color', $css->render_color( $learn_more_styles['colorHover'] ) );
}
if ( isset( $learn_more_styles['backgroundHover'] ) && ! empty( $learn_more_styles['backgroundHover'] ) ) {
$css->add_property( 'background', $css->render_color( $learn_more_styles['backgroundHover'] ) );
}
if ( isset( $learn_more_styles['borderHover'] ) && ! empty( $learn_more_styles['borderHover'] ) ) {
$css->add_property( 'border-color', $css->render_color( $learn_more_styles['borderHover'] ) );
}
}
}
if ( isset( $attributes['learnMoreStyles'] ) && is_array( $attributes['learnMoreStyles'] ) && isset( $attributes['learnMoreStyles'][0] ) && is_array( $attributes['learnMoreStyles'][0] ) && ( ( isset( $attributes['learnMoreStyles'][0]['size'] ) && is_array( $attributes['learnMoreStyles'][0]['size'] ) && isset( $attributes['learnMoreStyles'][0]['size'][1] ) && ! empty( $attributes['learnMoreStyles'][0]['size'][1] ) ) || ( isset( $attributes['learnMoreStyles'][0]['lineHeight'] ) && is_array( $attributes['learnMoreStyles'][0]['lineHeight'] ) && isset( $attributes['learnMoreStyles'][0]['lineHeight'][1] ) && ! empty( $attributes['learnMoreStyles'][0]['lineHeight'][1] ) ) ) ) {
$css->set_media_state( 'tablet' );
$css->set_selector( $base_selector . ' .kt-blocks-info-box-learnmore' );
if ( isset( $attributes['learnMoreStyles'][0]['size'][1] ) && ! empty( $attributes['learnMoreStyles'][0]['size'][1] ) ) {
$css->add_property( 'font-size', $css->get_font_size( $attributes['learnMoreStyles'][0]['size'][1], ( ! isset( $attributes['learnMoreStyles'][0]['sizeType'] ) ? 'px' : $attributes['learnMoreStyles'][0]['sizeType'] ) ) );
}
if ( isset( $attributes['learnMoreStyles'][0]['lineHeight'][1] ) && ! empty( $attributes['learnMoreStyles'][0]['lineHeight'][1] ) ) {
$css->add_property( 'line-height', $attributes['learnMoreStyles'][0]['lineHeight'][1] . ( ! isset( $attributes['learnMoreStyles'][0]['lineType'] ) ? 'px' : $attributes['learnMoreStyles'][0]['lineType'] ) );
}
$css->set_media_state( 'desktop' );
}
if ( isset( $attributes['learnMoreStyles'] ) && is_array( $attributes['learnMoreStyles'] ) && isset( $attributes['learnMoreStyles'][0] ) && is_array( $attributes['learnMoreStyles'][0] ) && ( ( isset( $attributes['learnMoreStyles'][0]['size'] ) && is_array( $attributes['learnMoreStyles'][0]['size'] ) && isset( $attributes['learnMoreStyles'][0]['size'][2] ) && ! empty( $attributes['learnMoreStyles'][0]['size'][2] ) ) || ( isset( $attributes['learnMoreStyles'][0]['lineHeight'] ) && is_array( $attributes['learnMoreStyles'][0]['lineHeight'] ) && isset( $attributes['learnMoreStyles'][0]['lineHeight'][2] ) && ! empty( $attributes['learnMoreStyles'][0]['lineHeight'][2] ) ) ) ) {
$css->set_media_state( 'mobile' );
$css->set_selector( $base_selector . ' .kt-blocks-info-box-learnmore' );
if ( isset( $attributes['learnMoreStyles'][0]['size'][2] ) && ! empty( $attributes['learnMoreStyles'][0]['size'][2] ) ) {
$css->add_property( 'font-size', $css->get_font_size( $attributes['learnMoreStyles'][0]['size'][2], ( ! isset( $attributes['learnMoreStyles'][0]['sizeType'] ) ? 'px' : $attributes['learnMoreStyles'][0]['sizeType'] ) ) );
}
if ( isset( $attributes['learnMoreStyles'][0]['lineHeight'][2] ) && ! empty( $attributes['learnMoreStyles'][0]['lineHeight'][2] ) ) {
$css->add_property( 'line-height', $attributes['learnMoreStyles'][0]['lineHeight'][2] . ( ! isset( $attributes['learnMoreStyles'][0]['lineType'] ) ? 'px' : $attributes['learnMoreStyles'][0]['lineType'] ) );
}
$css->set_media_state( 'desktop' );
}
if ( isset( $attributes['displayShadow'] ) && ! empty( $attributes['displayShadow'] ) && true === $attributes['displayShadow'] ) {
$css->set_selector( $base_selector . ' .kt-blocks-info-box-link-wrap' );
if ( isset( $attributes['shadow'] ) && is_array( $attributes['shadow'] ) && is_array( $attributes['shadow'][0] ) ) {
if ( ! isset( $attributes['shadow'][0]['inset'] ) ) {
$attributes['shadow'][0]['inset'] = false;
}
$shadow = $attributes['shadow'][0];
$css->add_property( 'box-shadow', $css->render_shadow( $shadow ) );
}
if ( isset( $attributes['tabletShadow'] ) && is_array( $attributes['tabletShadow'] ) && is_array( $attributes['tabletShadow'][0] ) ) {
$css->set_media_state( 'tablet' );
$shadow = $attributes['tabletShadow'][0];
foreach ($shadow as $key => $value) {
if ($value === '') {
$shadow[$key] = $attributes['shadow'][0][$key] ?? '';
} else {
$shadow[$key] = $value;
}
}
$css->add_property( 'box-shadow', $css->render_shadow( $shadow ) );
}
if ( isset( $attributes['mobileShadow'] ) && is_array( $attributes['mobileShadow'] ) && is_array( $attributes['mobileShadow'][0] ) ) {
$css->set_media_state( 'mobile' );
$shadow = $attributes['mobileShadow'][0];
foreach ($shadow as $key => $value) {
if ($value === '') {
$shadow[$key] = isset($attributes['tabletShadow'][0][$key]) && $attributes['tabletShadow'][0][$key] !== '' ? $attributes['tabletShadow'][0][$key] : $attributes['shadow'][0][$key];
} else {
$shadow[$key] = $value;
}
}
$css->add_property( 'box-shadow', $css->render_shadow( $shadow ) );
}
$css->set_media_state( 'desktop' );
if ( isset( $attributes['shadowHover'] ) && is_array( $attributes['shadowHover'] ) && is_array( $attributes['shadowHover'][0] ) ) {
$css->set_selector( $base_selector . ' .kt-blocks-info-box-link-wrap:hover' );
if ( ! isset( $attributes['shadowHover'][0]['inset'] ) ) {
$attributes['shadowHover'][0]['inset'] = false;
}
$shadow_hover = $attributes['shadowHover'][0];
$css->add_property( 'box-shadow', $css->render_shadow( $shadow_hover ) );
} else {
$css->set_selector( $base_selector . ' .kt-blocks-info-box-link-wrap:hover' );
$css->add_property( 'box-shadow', '0px 0px 14px 0px rgba(0,0,0,0.2)' );
}
if ( isset( $attributes['tabletShadowHover'] ) && is_array( $attributes['tabletShadowHover'] ) && is_array( $attributes['tabletShadowHover'][0] ) ) {
$css->set_media_state( 'tablet' );
$shadow_hover = $attributes['tabletShadowHover'][0];
foreach ($shadow_hover as $key => $value) {
if ($value === '') {
$shadow_hover[$key] = $attributes['shadowHover'][0][$key] ?? '';
} else {
$shadow_hover[$key] = $value;
}
}
$css->add_property( 'box-shadow', $css->render_shadow( $shadow_hover ) );
}
if ( isset( $attributes['mobileShadowHover'] ) && is_array( $attributes['mobileShadowHover'] ) && is_array( $attributes['mobileShadowHover'][0] ) ) {
$css->set_media_state( 'mobile' );
$shadow_hover = $attributes['mobileShadowHover'][0];
foreach ($shadow_hover as $key => $value) {
if ($value === '') {
$shadow_hover[$key] = isset($attributes['tabletShadowHover'][0][$key]) && $attributes['tabletShadowHover'][0][$key] !== '' ? $attributes['tabletShadowHover'][0][$key] : $attributes['shadowHover'][0][$key];
} else {
$shadow_hover[$key] = $value;
}
}
$css->add_property( 'box-shadow', $css->render_shadow( $shadow_hover ) );
}
}
return $css->css_output();
}
}
Kadence_Blocks_Infobox_Block::get_instance();
Reference in New Issue View Git Blame Copy Permalink