field,
array(
'horizontal_icon' => __( 'X offset', 'smart-post-show' ),
'vertical_icon' => __( 'Y offset', 'smart-post-show' ),
'blur_icon' => __( 'Blur', 'smart-post-show' ),
'spread_icon' => __( 'Spread', 'smart-post-show' ),
'horizontal_placeholder' => 'h-offset',
'vertical_placeholder' => 'v-offset',
'blur_placeholder' => 'blur',
'spread_placeholder' => 'spread',
'horizontal' => true,
'vertical' => true,
'blur' => true,
'spread' => true,
'color' => true,
'style' => true,
'unit' => 'px',
)
);
$default_value = array(
'horizontal' => '0',
'vertical' => '0',
'blur' => '0',
'spread' => '0',
'color' => '#ddd',
'style' => 'outset',
);
$default_value = ( ! empty( $this->field['default'] ) ) ? wp_parse_args( $this->field['default'], $default_value ) : $default_value;
$value = wp_parse_args( $this->value, $default_value );
echo wp_kses_post( $this->field_before() );
echo '';
if ( ! empty( $args['color'] ) ) {
$default_color_attr = ( ! empty( $default_value['color'] ) ) ? ' data-default-color="' . $default_value['color'] . '"' : '';
echo '';
echo '';
echo '
';
}
echo '';
echo wp_kses_post( $this->field_after() );
}
/**
* The output function
*
* @return mixed
*/
public function output() {
$output = '';
$unit = ( ! empty( $this->value['unit'] ) ) ? $this->value['unit'] : 'px';
$important = ( ! empty( $this->field['output_important'] ) ) ? '!important' : '';
$element = ( is_array( $this->field['output'] ) ) ? join( ',', $this->field['output'] ) : $this->field['output'];
// properties.
$horizontal = ( isset( $this->value['horizontal'] ) && '' !== $this->value['horizontal'] ) ? $this->value['horizontal'] : '';
$vertical = ( isset( $this->value['vertical'] ) && '' !== $this->value['vertical'] ) ? $this->value['vertical'] : '';
$blur = ( isset( $this->value['blur'] ) && '' !== $this->value['blur'] ) ? $this->value['blur'] : '';
$spread = ( isset( $this->value['spread'] ) && '' !== $this->value['spread'] ) ? $this->value['spread'] : '';
$style = ( isset( $this->value['style'] ) && '' !== $this->value['style'] && 'outset' !== $this->value['style'] ) ? $this->value['style'] : '';
$color = ( isset( $this->value['color'] ) && '' !== $this->value['color'] ) ? $this->value['color'] : '';
$output = $element . '{ box-shadow: ';
$output .= ( '' !== $horizontal ) ? $horizontal . $unit : '0' . $unit;
$output .= ( '' !== $vertical ) ? $vertical . $unit : '0' . $unit;
$output .= ( '' !== $blur ) ? $blur . $unit : '0' . $unit;
$output .= ( '' !== $spread ) ? $spread . $unit : '0' . $unit;
$output .= ( '' !== $color ) ? $color : '';
$output .= ( '' !== $style ) ? $style : '';
$output .= ';' . $important . ' }';
$this->parent->output_css .= $output;
return $output;
}
}
}