# darkify/1.4.0/src/Admin/Framework/fields/dimensions/dimensions.php

Darkify – Dark Mode & Night Mode for Website & Admin (Dark Theme Included), version 1.4.0. 107 lines.

- Page: https://pluginprobe.com/plugins/darkify/1.4.0/code/src/Admin/Framework/fields/dimensions/dimensions.php
- Raw: https://pluginprobe.com/plugins/darkify/1.4.0/raw/src/Admin/Framework/fields/dimensions/dimensions.php
- Modified: 2025-05-15T13:43:26+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/darkify/1.4.0/code/src/Admin/Framework/fields/dimensions/dimensions.php#L10-L20`.

```php
<?php if (! defined('ABSPATH')) {
	die;
} // Cannot access directly.
/**
 *
 * Field: dimensions
 *
 * @since 1.0.0
 * @version 1.0.0
 */
if (! class_exists('DarkifyField_dimensions')) {
	class DarkifyField_dimensions extends DarkifyFields
	{

		public function __construct($field, $value = '', $unique = '', $where = '', $parent = '')
		{
			parent::__construct($field, $value, $unique, $where, $parent);
		}

		public function render()
		{

			$args = wp_parse_args(
				$this->field,
				array(
					'width_icon'         => '<i class="icofont-long-arrow-left"></i><i class="icofont-long-arrow-right"></i>',
					'height_icon'        => '<i class="icofont-long-arrow-up"></i><i class="icofont-long-arrow-down"></i>',
					'width_placeholder'  => esc_html__('width', 'darkify'),
					'height_placeholder' => esc_html__('height', 'darkify'),
					'width'              => true,
					'height'             => true,
					'unit'               => true,
					'show_units'         => true,
					'units'              => array('px', '%', 'em'),
				)
			);

			$default_values = array(
				'width'  => '',
				'height' => '',
				'unit'   => 'px',
			);

			$value   = wp_parse_args($this->value, $default_values);
			$unit    = (count($args['units']) === 1 && ! empty($args['unit'])) ? $args['units'][0] : '';
			$is_unit = (! empty($unit)) ? ' darkify--is-unit' : '';

			echo wp_kses_post($this->field_before());

			echo '<div class="darkify--inputs" data-depend-id="' . esc_attr($this->field['id']) . '">';

			if (! empty($args['width'])) {
				$placeholder = (! empty($args['width_placeholder'])) ? ' placeholder="' . esc_attr($args['width_placeholder']) . '"' : '';
				echo '<div class="darkify--input">';
				echo (! empty($args['width_icon'])) ? '<span class="darkify--label darkify--icon">' . wp_kses_post($args['width_icon']) . '</span>' : '';
				echo '<input type="number" name="' . esc_attr($this->field_name('[width]')) . '" value="' . esc_attr($value['width']) . '"' . wp_kses_post($placeholder) . ' class="darkify-input-number' . esc_attr($is_unit) . '" step="any" />';
				echo (! empty($unit)) ? '<span class="darkify--label darkify--unit">' . esc_attr($args['units'][0]) . '</span>' : '';
				echo '</div>';
			}

			if (! empty($args['height'])) {
				$placeholder = (! empty($args['height_placeholder'])) ? ' placeholder="' . esc_attr($args['height_placeholder']) . '"' : '';
				echo '<div class="darkify--input">';
				echo (! empty($args['height_icon'])) ? '<span class="darkify--label darkify--icon">' . wp_kses_post($args['height_icon']) . '</span>' : '';
				echo '<input type="number" name="' . esc_attr($this->field_name('[height]')) . '" value="' . esc_attr($value['height']) . '"' . wp_kses_post($placeholder) . ' class="darkify-input-number' . esc_attr($is_unit) . '" step="any" />';
				echo (! empty($unit)) ? '<span class="darkify--label darkify--unit">' . esc_attr($args['units'][0]) . '</span>' : '';
				echo '</div>';
			}

			if (! empty($args['unit']) && ! empty($args['show_units']) && count($args['units']) > 1) {
				echo '<div class="darkify--input">';
				echo '<select name="' . esc_attr($this->field_name('[unit]')) . '">';
				foreach ($args['units'] as $unit) {
					$selected = ($value['unit'] === $unit) ? ' selected' : '';
					echo '<option value="' . esc_attr($unit) . '"' . esc_attr($selected) . '>' . esc_attr($unit) . '</option>';
				}
				echo '</select>';
				echo '</div>';
			}

			echo '</div>';

			echo wp_kses_post($this->field_after());
		}

		public function output()
		{

			$output    = '';
			$element   = (is_array($this->field['output'])) ? join(',', $this->field['output']) : $this->field['output'];
			$prefix    = (! empty($this->field['output_prefix'])) ? $this->field['output_prefix'] . '-' : '';
			$important = (! empty($this->field['output_important'])) ? '!important' : '';
			$unit      = (! empty($this->value['unit'])) ? $this->value['unit'] : 'px';
			$width     = (isset($this->value['width']) && $this->value['width'] !== '') ? $prefix . 'width:' . $this->value['width'] . $unit . $important . ';' : '';
			$height    = (isset($this->value['height']) && $this->value['height'] !== '') ? $prefix . 'height:' . $this->value['height'] . $unit . $important . ';' : '';

			if ($width !== '' || $height !== '') {
				$output = $element . '{' . $width . $height . '}';
			}

			$this->parent->output_css .= $output;

			return $output;
		}
	}
}

```