| Current File : /home/digitaw/www/wp-content/plugins/otter-blocks/inc/css/blocks/class-advanced-columns-css.php |
<?php
/**
* Css handling logic for columns.
*
* @package ThemeIsle\GutenbergBlocks\CSS\Blocks
*/
namespace ThemeIsle\GutenbergBlocks\CSS\Blocks;
use ThemeIsle\GutenbergBlocks\Base_CSS;
use ThemeIsle\GutenbergBlocks\CSS\CSS_Utility;
use ThemeIsle\GutenbergBlocks\CSS\Blocks\Shared_CSS;
/**
* Class Advanced_Columns_CSS
*/
class Advanced_Columns_CSS extends Base_CSS {
/**
* The namespace under which the blocks are registered.
*
* @var string
*/
public $block_prefix = 'advanced-columns';
/**
* Generate Advanced Columns CSS
*
* @param mixed $block Block data.
* @return string
* @since 1.3.0
* @access public
*/
public function render_css( $block ) {
$old_attributes = array(
'padding',
'paddingTablet',
'paddingMobile',
'paddingTop',
'paddingTopTablet',
'paddingTopMobile',
'paddingRight',
'paddingRightTablet',
'paddingRightMobile',
'paddingBottom',
'paddingBottomTablet',
'paddingBottomMobile',
'paddingLeft',
'paddingLeftTablet',
'paddingLeftMobile',
'margin',
'marginTablet',
'marginMobile',
'marginTop',
'marginTopTablet',
'marginTopMobile',
'marginBottom',
'marginBottomTablet',
'marginBottomMobile',
'borderType',
'border',
'borderTop',
'borderRight',
'borderBottom',
'borderLeft',
'borderRadiusType',
'borderRadius',
'borderRadiusTop',
'borderRadiusRight',
'borderRadiusBottom',
'borderRadiusLeft',
);
$uses_old_sizing = $this->array_any(
$old_attributes,
function ( $value ) use ( $block ) {
return isset( $block['attrs'][ $value ] ) && is_numeric( $block['attrs'][ $value ] );
}
);
if ( true === $uses_old_sizing ) {
$block['attrs'] = $this->merge_old_attributes( $block['attrs'] );
}
$css = new CSS_Utility(
$block,
array(
'tablet' => '@media ( max-width: 960px )',
'mobile' => '@media ( max-width: 600px )',
)
);
$css->add_item(
array(
'properties' => array_merge(
array(
array(
'property' => 'padding-top',
'value' => 'padding',
'format' => function ( $value, $attrs ) {
return $value['top'];
},
'condition' => function ( $attrs ) {
return isset( $attrs['padding'] ) && isset( $attrs['padding']['top'] );
},
'hasSync' => 'section-padding-top',
),
array(
'property' => 'padding-bottom',
'value' => 'padding',
'format' => function ( $value, $attrs ) {
return $value['bottom'];
},
'condition' => function ( $attrs ) {
return isset( $attrs['padding'] ) && isset( $attrs['padding']['bottom'] );
},
'hasSync' => 'section-padding-bottom',
),
array(
'property' => 'padding-left',
'value' => 'padding',
'format' => function ( $value, $attrs ) {
return $value['left'];
},
'condition' => function ( $attrs ) {
return isset( $attrs['padding'] ) && isset( $attrs['padding']['left'] );
},
'hasSync' => 'section-padding-left',
),
array(
'property' => 'padding-right',
'value' => 'padding',
'format' => function ( $value, $attrs ) {
return $value['right'];
},
'condition' => function ( $attrs ) {
return isset( $attrs['padding'] ) && isset( $attrs['padding']['right'] );
},
'hasSync' => 'section-padding-right',
),
array(
'property' => 'margin-top',
'value' => 'margin',
'format' => function ( $value, $attrs ) {
return $value['top'];
},
'condition' => function ( $attrs ) {
return isset( $attrs['margin'] ) && isset( $attrs['margin']['top'] );
},
'hasSync' => 'section-margin-top',
),
array(
'property' => 'margin-bottom',
'value' => 'margin',
'format' => function ( $value, $attrs ) {
return $value['bottom'];
},
'condition' => function ( $attrs ) {
return isset( $attrs['margin'] ) && isset( $attrs['margin']['bottom'] );
},
'hasSync' => 'section-margin-bottom',
),
array(
'property' => '--columns-width',
'value' => 'columnsWidth',
'format' => function ( $value, $attrs ) {
return is_numeric( $value ) ? $value . 'px' : $value;
},
'hasSync' => 'section-columns-width',
),
array(
'property' => '--columns-width',
'value' => 'columnsWidthTablet',
'hasSync' => 'section-columns-width',
'media' => 'tablet',
),
array(
'property' => '--columns-width',
'value' => 'columnsWidthMobile',
'hasSync' => 'section-columns-width',
'media' => 'mobile',
),
array(
'property' => 'justify-content',
'value' => 'horizontalAlign',
'hasSync' => 'section-horizontal-align',
),
array(
'property' => 'min-height',
'value' => 'columnsHeight',
'default' => 'auto',
'condition' => function ( $attrs ) {
return ! isset( $attrs['columnsHeight'] ) || 'custom' !== $attrs['columnsHeight'];
},
),
array(
'property' => 'min-height',
'value' => 'columnsHeightCustom',
'format' => function ( $value, $attrs ) {
return is_numeric( $value ) ? $value . 'px' : $value;
},
'condition' => function ( $attrs ) {
return isset( $attrs['columnsHeight'] ) && 'custom' === $attrs['columnsHeight'];
},
),
),
Shared_CSS::section_shared()
),
)
);
$css->add_item(
array(
'selector' => ':hover',
'properties' => array(
array(
'property' => 'color',
'default' => 'var( --content-color-hover )',
'condition' => function ( $attrs ) {
return isset( $attrs['colorHover'] );
},
),
),
)
);
$css->add_item(
array(
'selector' => ' a:not( .wp-block-button__link )',
'properties' => array(
array(
'property' => 'color',
'default' => 'var( --link-color )',
'condition' => function ( $attrs ) {
return isset( $attrs['linkColor'] );
},
),
),
)
);
$css->add_item(
array(
'selector' => ' > .wp-block-themeisle-blocks-advanced-columns-overlay',
'properties' => Shared_CSS::section_overlay(),
)
);
$css->add_item(
array(
'selector' => ' .wp-block-themeisle-blocks-advanced-columns-separators.top svg',
'properties' => array(
array(
'property' => 'height',
'value' => 'dividerTopHeight',
'unit' => 'px',
),
array(
'property' => 'scale',
'pattern' => 'width 1',
'pattern_values' => array(
'width' => array(
'value' => 'dividerTopWidth',
'format' => function ( $value, $attrs ) {
return $value / 100;
},
),
),
'condition' => function ( $attrs ) {
return isset( $attrs['dividerTopWidth'] );
},
),
),
)
);
$css->add_item(
array(
'selector' => ' .wp-block-themeisle-blocks-advanced-columns-separators.bottom svg',
'properties' => array(
array(
'property' => 'height',
'value' => 'dividerBottomHeight',
'unit' => 'px',
),
array(
'property' => 'scale',
'pattern' => 'width 1',
'pattern_values' => array(
'width' => array(
'value' => 'dividerBottomWidth',
'format' => function ( $value, $attrs ) {
return $value / 100;
},
),
),
'condition' => function ( $attrs ) {
return isset( $attrs['dividerBottomWidth'] );
},
),
),
)
);
$css->add_item(
array(
'query' => '@media ( max-width: 960px )',
'properties' => array(
array(
'property' => 'padding-top',
'value' => 'paddingTablet',
'format' => function ( $value, $attrs ) {
return $value['top'];
},
'condition' => function ( $attrs ) {
return isset( $attrs['paddingTablet'] ) && isset( $attrs['paddingTablet']['top'] );
},
'hasSync' => 'section-padding-top-tablet',
),
array(
'property' => 'padding-bottom',
'value' => 'paddingTablet',
'format' => function ( $value, $attrs ) {
return $value['bottom'];
},
'condition' => function ( $attrs ) {
return isset( $attrs['paddingTablet'] ) && isset( $attrs['paddingTablet']['bottom'] );
},
'hasSync' => 'section-padding-bottom-tablet',
),
array(
'property' => 'padding-left',
'value' => 'paddingTablet',
'format' => function ( $value, $attrs ) {
return $value['left'];
},
'condition' => function ( $attrs ) {
return isset( $attrs['paddingTablet'] ) && isset( $attrs['paddingTablet']['left'] );
},
'hasSync' => 'section-padding-left-tablet',
),
array(
'property' => 'padding-right',
'value' => 'paddingTablet',
'format' => function ( $value, $attrs ) {
return $value['right'];
},
'condition' => function ( $attrs ) {
return isset( $attrs['paddingTablet'] ) && isset( $attrs['paddingTablet']['right'] );
},
'hasSync' => 'section-padding-right-tablet',
),
array(
'property' => 'margin-top',
'value' => 'marginTablet',
'format' => function ( $value, $attrs ) {
return $value['top'];
},
'condition' => function ( $attrs ) {
return isset( $attrs['marginTablet'] ) && isset( $attrs['marginTablet']['top'] );
},
'hasSync' => 'section-margin-top-tablet',
),
array(
'property' => 'margin-bottom',
'value' => 'marginTablet',
'format' => function ( $value, $attrs ) {
return $value['bottom'];
},
'condition' => function ( $attrs ) {
return isset( $attrs['marginTablet'] ) && isset( $attrs['marginTablet']['bottom'] );
},
'hasSync' => 'section-margin-bottom-tablet',
),
array(
'property' => 'min-height',
'value' => 'columnsHeightCustomTablet',
'format' => function ( $value, $attrs ) {
return is_numeric( $value ) ? $value . 'px' : $value;
},
'condition' => function ( $attrs ) {
return isset( $attrs['columnsHeight'] ) && 'custom' === $attrs['columnsHeight'];
},
),
),
)
);
$css->add_item(
array(
'query' => '@media ( max-width: 960px )',
'selector' => ' .wp-block-themeisle-blocks-advanced-columns-separators.top svg',
'properties' => array(
array(
'property' => 'height',
'value' => 'dividerTopHeightTablet',
'unit' => 'px',
),
array(
'property' => 'scale',
'pattern' => 'width 1',
'pattern_values' => array(
'width' => array(
'value' => 'dividerTopWidthTablet',
'format' => function ( $value, $attrs ) {
return $value / 100;
},
),
),
'condition' => function ( $attrs ) {
return isset( $attrs['dividerTopWidthTablet'] );
},
),
),
)
);
$css->add_item(
array(
'query' => '@media ( max-width: 960px )',
'selector' => ' .wp-block-themeisle-blocks-advanced-columns-separators.bottom svg',
'properties' => array(
array(
'property' => 'height',
'value' => 'dividerBottomHeightTablet',
'unit' => 'px',
),
array(
'property' => 'scale',
'pattern' => 'width 1',
'pattern_values' => array(
'width' => array(
'value' => 'dividerBottomWidthTablet',
'format' => function ( $value, $attrs ) {
return $value / 100;
},
),
),
'condition' => function ( $attrs ) {
return isset( $attrs['dividerBottomWidthTablet'] );
},
),
),
)
);
$css->add_item(
array(
'query' => '@media ( max-width: 600px )',
'properties' => array(
array(
'property' => 'padding-top',
'value' => 'paddingMobile',
'format' => function ( $value, $attrs ) {
return $value['top'];
},
'condition' => function ( $attrs ) {
return isset( $attrs['paddingMobile'] ) && isset( $attrs['paddingMobile']['top'] );
},
'hasSync' => 'section-padding-top-mobile',
),
array(
'property' => 'padding-bottom',
'value' => 'paddingMobile',
'format' => function ( $value, $attrs ) {
return $value['bottom'];
},
'condition' => function ( $attrs ) {
return isset( $attrs['paddingMobile'] ) && isset( $attrs['paddingMobile']['bottom'] );
},
'hasSync' => 'section-padding-bottom-mobile',
),
array(
'property' => 'padding-left',
'value' => 'paddingMobile',
'format' => function ( $value, $attrs ) {
return $value['left'];
},
'condition' => function ( $attrs ) {
return isset( $attrs['paddingMobile'] ) && isset( $attrs['paddingMobile']['left'] );
},
'hasSync' => 'section-padding-left-mobile',
),
array(
'property' => 'padding-right',
'value' => 'paddingMobile',
'format' => function ( $value, $attrs ) {
return $value['right'];
},
'condition' => function ( $attrs ) {
return isset( $attrs['paddingMobile'] ) && isset( $attrs['paddingMobile']['right'] );
},
'hasSync' => 'section-padding-right-mobile',
),
array(
'property' => 'margin-top',
'value' => 'marginMobile',
'format' => function ( $value, $attrs ) {
return $value['top'];
},
'condition' => function ( $attrs ) {
return isset( $attrs['marginMobile'] ) && isset( $attrs['marginMobile']['top'] );
},
'hasSync' => 'section-margin-top-mobile',
),
array(
'property' => 'margin-bottom',
'value' => 'marginMobile',
'format' => function ( $value, $attrs ) {
return $value['bottom'];
},
'condition' => function ( $attrs ) {
return isset( $attrs['marginMobile'] ) && isset( $attrs['marginMobile']['bottom'] );
},
'hasSync' => 'section-margin-bottom-mobile',
),
array(
'property' => 'min-height',
'value' => 'columnsHeightCustomMobile',
'format' => function ( $value, $attrs ) {
return is_numeric( $value ) ? $value . 'px' : $value;
},
'condition' => function ( $attrs ) {
return isset( $attrs['columnsHeight'] ) && 'custom' === $attrs['columnsHeight'];
},
),
),
)
);
$css->add_item(
array(
'query' => '@media ( max-width: 600px )',
'selector' => ' .wp-block-themeisle-blocks-advanced-columns-separators.top svg',
'properties' => array(
array(
'property' => 'height',
'value' => 'dividerTopHeightMobile',
'unit' => 'px',
),
array(
'property' => 'scale',
'pattern' => 'width 1',
'pattern_values' => array(
'width' => array(
'value' => 'dividerTopWidthMobile',
'format' => function ( $value, $attrs ) {
return $value / 100;
},
),
),
'condition' => function ( $attrs ) {
return isset( $attrs['dividerTopWidthMobile'] );
},
),
),
)
);
$css->add_item(
array(
'query' => '@media ( max-width: 600px )',
'selector' => ' .wp-block-themeisle-blocks-advanced-columns-separators.bottom svg',
'properties' => array(
array(
'property' => 'height',
'value' => 'dividerBottomHeightMobile',
'unit' => 'px',
),
array(
'property' => 'scale',
'pattern' => 'width 1',
'pattern_values' => array(
'width' => array(
'value' => 'dividerBottomWidthMobile',
'format' => function ( $value, $attrs ) {
return $value / 100;
},
),
),
'condition' => function ( $attrs ) {
return isset( $attrs['dividerBottomWidthMobile'] );
},
),
),
)
);
$style = $css->generate();
return $style;
}
/**
* Merge old attribibutes that were deprecated in 2.0.
*
* @param array $attrs Block Attributes.
* @return array
* @since 2.0.0
* @access public
*/
public function merge_old_attributes( $attrs ) {
$padding = array();
$padding_tablet = array();
$padding_mobile = array();
$margin = array();
$margin_tablet = array();
$margin_mobile = array();
$border = array();
$border_radius = array();
if ( isset( $attrs['paddingType'] ) && 'unlinked' === $attrs['paddingType'] && ! isset( $attrs['padding'] ) ) {
$padding['top'] = isset( $attrs['paddingTop'] ) ? $attrs['paddingTop'] . 'px' : '20px';
$padding['bottom'] = isset( $attrs['paddingBottom'] ) ? $attrs['paddingBottom'] . 'px' : '20px';
$padding['left'] = isset( $attrs['paddingLeft'] ) ? $attrs['paddingLeft'] . 'px' : '20px';
$padding['right'] = isset( $attrs['paddingRight'] ) ? $attrs['paddingRight'] . 'px' : '20px';
} elseif ( isset( $attrs['padding'] ) && ! is_array( $attrs['padding'] ) && ! isset( $attrs['paddingType'] ) ) {
$padding['top'] = $attrs['padding'] . 'px';
$padding['bottom'] = $attrs['padding'] . 'px';
$padding['left'] = $attrs['padding'] . 'px';
$padding['right'] = $attrs['padding'] . 'px';
} else {
$padding['top'] = isset( $attrs['paddingTop'] ) ? $attrs['paddingTop'] . 'px' : '20px';
$padding['bottom'] = isset( $attrs['paddingBottom'] ) ? $attrs['paddingBottom'] . 'px' : '20px';
$padding['left'] = isset( $attrs['paddingLeft'] ) ? $attrs['paddingLeft'] . 'px' : '20px';
$padding['right'] = isset( $attrs['paddingRight'] ) ? $attrs['paddingRight'] . 'px' : '20px';
if ( ! isset( $attrs['paddingTop'] ) || ! isset( $attrs['paddingBottom'] ) || ! isset( $attrs['paddingLeft'] ) || ! isset( $attrs['paddingRight'] ) ) {
$padding['top'] = '20px';
$padding['bottom'] = '20px';
$padding['left'] = '20px';
$padding['right'] = '20px';
}
}
if ( isset( $attrs['paddingTypeTablet'] ) && 'unlinked' === $attrs['paddingTypeTablet'] ) {
if ( isset( $attrs['paddingTopTablet'] ) ) {
$padding_tablet['top'] = $attrs['paddingTopTablet'] . 'px';
}
if ( isset( $attrs['paddingBottomTablet'] ) ) {
$padding_tablet['bottom'] = $attrs['paddingBottomTablet'] . 'px';
}
if ( isset( $attrs['paddingLeftTablet'] ) ) {
$padding_tablet['left'] = $attrs['paddingLeftTablet'] . 'px';
}
if ( isset( $attrs['paddingRightTablet'] ) ) {
$padding_tablet['right'] = $attrs['paddingRightTablet'] . 'px';
}
} elseif ( isset( $attrs['paddingTablet'] ) && ! is_array( $attrs['paddingTablet'] ) ) {
$padding_tablet['top'] = $attrs['paddingTablet'] . 'px';
$padding_tablet['bottom'] = $attrs['paddingTablet'] . 'px';
$padding_tablet['left'] = $attrs['paddingTablet'] . 'px';
$padding_tablet['right'] = $attrs['paddingTablet'] . 'px';
}
if ( isset( $attrs['paddingTypeMobile'] ) && 'unlinked' === $attrs['paddingTypeMobile'] ) {
if ( isset( $attrs['paddingTopMobile'] ) ) {
$padding_mobile['top'] = $attrs['paddingTopMobile'] . 'px';
}
if ( isset( $attrs['paddingBottomMobile'] ) ) {
$padding_mobile['bottom'] = $attrs['paddingBottomMobile'] . 'px';
}
if ( isset( $attrs['paddingLeftMobile'] ) ) {
$padding_mobile['left'] = $attrs['paddingLeftMobile'] . 'px';
}
if ( isset( $attrs['paddingRightMobile'] ) ) {
$padding_mobile['right'] = $attrs['paddingRightMobile'] . 'px';
}
} elseif ( isset( $attrs['paddingMobile'] ) && ! is_array( $attrs['paddingMobile'] ) ) {
$padding_mobile['top'] = $attrs['paddingMobile'] . 'px';
$padding_mobile['bottom'] = $attrs['paddingMobile'] . 'px';
$padding_mobile['left'] = $attrs['paddingMobile'] . 'px';
$padding_mobile['right'] = $attrs['paddingMobile'] . 'px';
}
if ( isset( $attrs['marginType'] ) && 'linked' === $attrs['marginType'] && ! isset( $attrs['margin'] ) ) {
$margin['top'] = isset( $attrs['marginTop'] ) ? $attrs['marginTop'] . 'px' : '20px';
$margin['bottom'] = isset( $attrs['marginBottom'] ) ? $attrs['marginBottom'] . 'px' : '20px';
} elseif ( isset( $attrs['margin'] ) && ! is_array( $attrs['margin'] ) && ! isset( $attrs['marginType'] ) ) {
$margin['top'] = isset( $attrs['marginTop'] ) ? $attrs['marginTop'] . 'px' : ( is_numeric( $attrs['margin'] ) ? $attrs['margin'] . 'px' : '20px' );
$margin['bottom'] = isset( $attrs['marginBottom'] ) ? $attrs['marginBottom'] . 'px' : ( is_numeric( $attrs['margin'] ) ? $attrs['margin'] . 'px' : '20px' );
} elseif ( isset( $attrs['marginType'] ) && 'linked' === $attrs['marginType'] ) {
$margin['top'] = isset( $attrs['margin'] ) ? $attrs['margin'] . 'px' : ( isset( $attrs['marginTop'] ) ? $attrs['marginTop'] . 'px' : '20px' );
$margin['bottom'] = isset( $attrs['margin'] ) ? $attrs['margin'] . 'px' : ( isset( $attrs['marginBottom'] ) ? $attrs['marginBottom'] . 'px' : '20px' );
} else {
$margin['top'] = isset( $attrs['marginTop'] ) ? $attrs['marginTop'] . 'px' : ( ( isset( $attrs['margin'] ) && is_numeric( $attrs['margin'] ) ) ? $attrs['margin'] . 'px' : '20px' );
$margin['bottom'] = isset( $attrs['marginBottom'] ) ? $attrs['marginBottom'] . 'px' : ( ( isset( $attrs['margin'] ) && is_numeric( $attrs['margin'] ) ) ? $attrs['margin'] . 'px' : '20px' );
}
if ( isset( $attrs['marginTypeTablet'] ) && 'linked' === $attrs['marginTypeTablet'] ) {
if ( isset( $attrs['marginTopTablet'] ) ) {
$margin_tablet['top'] = $attrs['marginTopTablet'] . 'px';
}
if ( isset( $attrs['marginBottomTablet'] ) ) {
$margin_tablet['bottom'] = $attrs['marginBottomTablet'] . 'px';
}
} elseif ( isset( $attrs['marginTablet'] ) && ! is_array( $attrs['marginTablet'] ) ) {
$margin_tablet['top'] = $attrs['marginTablet'] . 'px';
$margin_tablet['bottom'] = $attrs['marginTablet'] . 'px';
}
if ( isset( $attrs['marginTypeMobile'] ) && 'linked' === $attrs['marginTypeMobile'] ) {
if ( isset( $attrs['marginTopMobile'] ) ) {
$margin_mobile['top'] = $attrs['marginTopMobile'] . 'px';
}
if ( isset( $attrs['marginBottomMobile'] ) ) {
$margin_mobile['bottom'] = $attrs['marginBottomMobile'] . 'px';
}
} elseif ( isset( $attrs['marginMobile'] ) && ! is_array( $attrs['marginMobile'] ) ) {
$margin_mobile['top'] = $attrs['marginMobile'] . 'px';
$margin_mobile['bottom'] = $attrs['marginMobile'] . 'px';
}
if ( isset( $attrs['borderType'] ) && 'unlinked' === $attrs['borderType'] ) {
if ( isset( $attrs['borderTop'] ) ) {
$border['top'] = $attrs['borderTop'] . 'px';
}
if ( isset( $attrs['borderBottom'] ) ) {
$border['bottom'] = $attrs['borderBottom'] . 'px';
}
if ( isset( $attrs['borderLeft'] ) ) {
$border['left'] = $attrs['borderLeft'] . 'px';
}
if ( isset( $attrs['borderRight'] ) ) {
$border['right'] = $attrs['borderRight'] . 'px';
}
} elseif ( isset( $attrs['border'] ) && ! is_array( $attrs['border'] ) ) {
$border['top'] = $attrs['border'] . 'px';
$border['bottom'] = $attrs['border'] . 'px';
$border['left'] = $attrs['border'] . 'px';
$border['right'] = $attrs['border'] . 'px';
}
if ( isset( $attrs['borderRadiusType'] ) && 'unlinked' === $attrs['borderRadiusType'] ) {
if ( isset( $attrs['borderRadiusTop'] ) ) {
$border_radius['top'] = $attrs['borderRadiusTop'] . 'px';
}
if ( isset( $attrs['borderRadiusBottom'] ) ) {
$border_radius['bottom'] = $attrs['borderRadiusBottom'] . 'px';
}
if ( isset( $attrs['borderRadiusLeft'] ) ) {
$border_radius['left'] = $attrs['borderRadiusLeft'] . 'px';
}
if ( isset( $attrs['borderRadiusRight'] ) ) {
$border_radius['right'] = $attrs['borderRadiusRight'] . 'px';
}
} elseif ( isset( $attrs['borderRadius'] ) && ! is_array( $attrs['borderRadius'] ) ) {
$border_radius['top'] = $attrs['borderRadius'] . 'px';
$border_radius['bottom'] = $attrs['borderRadius'] . 'px';
$border_radius['left'] = $attrs['borderRadius'] . 'px';
$border_radius['right'] = $attrs['borderRadius'] . 'px';
}
$attrs_clone = array(
'padding' => $padding,
'paddingTablet' => $padding_tablet,
'paddingMobile' => $padding_mobile,
'margin' => $margin,
'marginTablet' => $margin_tablet,
'marginMobile' => $margin_mobile,
'border' => $border,
'borderRadius' => $border_radius,
);
foreach ( $attrs_clone as $key => $value ) {
if ( count( $value ) ) {
$attrs[ $key ] = $value;
}
}
return $attrs;
}
/**
* Generate Advanced Columns Global CSS
*
* @return string|void
* @since 2.0.0
* @access public
*/
public function render_global_css() {
$defaults = get_option( 'themeisle_blocks_settings_global_defaults' );
$block = $this->library_prefix . '/' . $this->block_prefix;
if ( empty( $defaults ) ) {
return;
}
$defaults = json_decode( $defaults, true );
if ( ! isset( $defaults[ $block ] ) ) {
return;
}
$block = array(
'attrs' => $defaults[ $block ],
);
$css = new CSS_Utility( $block );
$css->add_item(
array(
'selector' => '.wp-block-themeisle-blocks-advanced-columns',
'properties' => array(
array(
'property' => '--section-padding-top',
'value' => 'padding',
'format' => function ( $value, $attrs ) {
return $value['top'];
},
'condition' => function ( $attrs ) {
return isset( $attrs['padding'] ) && isset( $attrs['padding']['top'] );
},
),
array(
'property' => '--section-padding-bottom',
'value' => 'padding',
'format' => function ( $value, $attrs ) {
return $value['bottom'];
},
'condition' => function ( $attrs ) {
return isset( $attrs['padding'] ) && isset( $attrs['padding']['bottom'] );
},
),
array(
'property' => '--section-padding-left',
'value' => 'padding',
'format' => function ( $value, $attrs ) {
return $value['left'];
},
'condition' => function ( $attrs ) {
return isset( $attrs['padding'] ) && isset( $attrs['padding']['left'] );
},
),
array(
'property' => '--section-padding-right',
'value' => 'padding',
'format' => function ( $value, $attrs ) {
return $value['right'];
},
'condition' => function ( $attrs ) {
return isset( $attrs['padding'] ) && isset( $attrs['padding']['right'] );
},
),
array(
'property' => '--section-margin-top',
'value' => 'margin',
'format' => function ( $value, $attrs ) {
return $value['top'];
},
'condition' => function ( $attrs ) {
return isset( $attrs['margin'] ) && isset( $attrs['margin']['top'] );
},
),
array(
'property' => '--section-margin-bottom',
'value' => 'margin',
'format' => function ( $value, $attrs ) {
return $value['bottom'];
},
'condition' => function ( $attrs ) {
return isset( $attrs['margin'] ) && isset( $attrs['margin']['bottom'] );
},
),
array(
'property' => '--section-padding-top-tablet',
'value' => 'paddingTablet',
'format' => function ( $value, $attrs ) {
return $value['top'];
},
'condition' => function ( $attrs ) {
return isset( $attrs['paddingTablet'] ) && isset( $attrs['paddingTablet']['top'] );
},
),
array(
'property' => '--section-padding-bottom-tablet',
'value' => 'paddingTablet',
'format' => function ( $value, $attrs ) {
return $value['bottom'];
},
'condition' => function ( $attrs ) {
return isset( $attrs['paddingTablet'] ) && isset( $attrs['paddingTablet']['bottom'] );
},
),
array(
'property' => '--section-padding-left-tablet',
'value' => 'paddingTablet',
'format' => function ( $value, $attrs ) {
return $value['left'];
},
'condition' => function ( $attrs ) {
return isset( $attrs['paddingTablet'] ) && isset( $attrs['paddingTablet']['left'] );
},
),
array(
'property' => '--section-padding-right-tablet',
'value' => 'paddingTablet',
'format' => function ( $value, $attrs ) {
return $value['right'];
},
'condition' => function ( $attrs ) {
return isset( $attrs['paddingTablet'] ) && isset( $attrs['paddingTablet']['right'] );
},
),
array(
'property' => '--section-margin-top-tablet',
'value' => 'marginTablet',
'format' => function ( $value, $attrs ) {
return $value['top'];
},
'condition' => function ( $attrs ) {
return isset( $attrs['marginTablet'] ) && isset( $attrs['marginTablet']['top'] );
},
),
array(
'property' => '--section-margin-bottom-tablet',
'value' => 'marginTablet',
'format' => function ( $value, $attrs ) {
return $value['bottom'];
},
'condition' => function ( $attrs ) {
return isset( $attrs['marginTablet'] ) && isset( $attrs['marginTablet']['bottom'] );
},
),
array(
'property' => '--section-padding-top-mobile',
'value' => 'paddingMobile',
'format' => function ( $value, $attrs ) {
return $value['top'];
},
'condition' => function ( $attrs ) {
return isset( $attrs['paddingMobile'] ) && isset( $attrs['paddingMobile']['top'] );
},
),
array(
'property' => '--section-padding-bottom-mobile',
'value' => 'paddingMobile',
'format' => function ( $value, $attrs ) {
return $value['bottom'];
},
'condition' => function ( $attrs ) {
return isset( $attrs['paddingMobile'] ) && isset( $attrs['paddingMobile']['bottom'] );
},
),
array(
'property' => '--section-padding-left-mobile',
'value' => 'paddingMobile',
'format' => function ( $value, $attrs ) {
return $value['left'];
},
'condition' => function ( $attrs ) {
return isset( $attrs['paddingMobile'] ) && isset( $attrs['paddingMobile']['left'] );
},
),
array(
'property' => '--section-padding-right-mobile',
'value' => 'paddingMobile',
'format' => function ( $value, $attrs ) {
return $value['right'];
},
'condition' => function ( $attrs ) {
return isset( $attrs['paddingMobile'] ) && isset( $attrs['paddingMobile']['right'] );
},
),
array(
'property' => '--section-margin-top-mobile',
'value' => 'marginMobile',
'format' => function ( $value, $attrs ) {
return $value['top'];
},
'condition' => function ( $attrs ) {
return isset( $attrs['marMobilegMobilein'] ) && isset( $attrs['marginMobile']['top'] );
},
),
array(
'property' => '--section-margin-bottom-mobile',
'value' => 'marginMobile',
'format' => function ( $value, $attrs ) {
return $value['bottom'];
},
'condition' => function ( $attrs ) {
return isset( $attrs['marginMobile'] ) && isset( $attrs['marginMobile']['bottom'] );
},
),
array(
'property' => '--section-columns-width',
'value' => 'columnsWidth',
'format' => function ( $value, $attrs ) {
return is_numeric( $value ) ? $value . 'px' : $value;
},
),
array(
'property' => '--section-columns-width',
'value' => 'columnsWidthTablet',
'media' => 'tablet',
),
array(
'property' => '--section-columns-width',
'value' => 'columnsWidthMobile',
'media' => 'mobile',
),
array(
'property' => '--section-horizontal-align',
'value' => 'horizontalAlign',
),
),
)
);
$style = $css->generate();
return $style;
}
/**
* A port of array.some for PHP.
*
* @param mixed[] $items Haystack.
* @param callable $callback Callback function.
* @return boolean
* @since 2.0.0
* @access public
*/
public function array_any( $items, $callback ) {
foreach ( $items as $value ) {
if ( $callback( $value ) ) {
return true;
}
}
return false;
}
}