wordpress/wp-content/themes/basic/themify/customizer/class-position-control.php
/**
	 * Render the control's content.
	 *
	 * @since 1.0.0
	 */
Render the control's content.
Render the control ' s content .
public function render_content() {
		$v = $this->value();
		$values = json_decode( $v );
		wp_enqueue_script( 'json2' );
		$current_unit = isset( $values->unit ) ? $values->unit : 'px';
		$units = array( 'px', '%', 'em' );
		$current_position = isset( $values->position ) ? $values->position : '';
		$positions = array(
			'static' => __( 'Static', 'themify' ),
			'relative' => __( 'Relative', 'themify' ),
			'fixed' => __( 'Fixed', 'themify' ),
			'absolute' => __( 'Absolute', 'themify' ),
		);
		$sides = array(
			'top' => __( 'Top', 'themify' ),
			'right' => __( 'Right', 'themify' ),
			'bottom' => __( 'Bottom', 'themify' ),
			'left' => __( 'Left', 'themify' ),
		);
				$label = $this->show_label && ! empty( $this->label );
		?>
		<?php if ($label) : ?>
			<span class="customize-control-title themify-control-title themify-suba-toggle"><?php echo esc_html( $this->label ); ?></span>
		<?php endif; ?>
				<?php if ($label) : ?>                    
					<ul class="themify-control-sub-accordeon">
						<li>            
				<?php endif;?>
					<!-- Element Position -->
					<div class="themify-customizer-brick">
							<div class="custom-select">
									<select class="position">
											<option value=""></option>
											<?php foreach ( $positions as $position => $label ) : ?>
													<option value="<?php echo esc_attr( $position ); ?>" <?php selected( $position, $current_position ); ?>><?php echo esc_html( $label ); ?></option>
											<?php endforeach; ?>
									</select>
							</div>
							<label><?php _e( 'Position', 'themify' ); ?></label><a href="https://themify.me/docs/styling#properties-positioning" target="_blank" class="doc-link">(?)</a>
					</div>
					<?php foreach ( $sides as $side => $side_label ) :
							$width = isset( $values->{$side}->width ) ? $values->{$side}->width : '';
							?>
							<div class="themify-customizer-brick position-wrap">
									<div class="auto-prop-combo js-hide-<?php echo esc_attr( $side ); ?> hcollapse">
											<input type="text" class="dimension-width" value="<?php echo esc_attr( $width ); ?>" data-side="<?php echo esc_attr( $side );	?>"	/>
											<div class="custom-select">
													<select class="dimension-unit" data-side="<?php echo esc_attr( $side ); ?>">
															<?php foreach ( $units as $unit ) :
																	$unit_val = isset( $values->{$side}->unit ) ? $values->{$side}->unit : 'px'; ?>
																	<option value="<?php echo esc_attr( $unit ); ?>" <?php selected( $unit_val, $unit ); ?>><?php echo esc_html( $unit ); ?></option>
															<?php endforeach; ?>
													</select>
											</div>
									</div>
							<span class="auto-prop-label">
									<?php
									$auto = isset( $values->{$side}->auto ) ? $values->{$side}->auto : '';
									$auto_id = $this->id . '_' . $side . '_auto';
									?>
									<label class="dimension-row-label"><?php echo esc_html( $side_label ); ?></label>
									<input id="<?php echo esc_attr( $auto_id ); ?>" type="checkbox" class="auto-prop" <?php checked( $auto, 'auto' ); ?> value="auto" data-hide="js-hide-<?php echo esc_attr( $side ); ?>" data-side="<?php echo esc_attr( $side ); ?>"/>
									<label for="<?php echo esc_attr( $auto_id ); ?>">
											<?php _e( 'Auto', 'themify' ); ?>
									</label>
							</span>
							</div>
					<?php endforeach; ?>
					<input <?php $this->link(); ?> value='<?php echo esc_attr( $v ); ?>' type="hidden" class="<?php echo esc_attr( $this->type ); ?>_control themify-customizer-value-field"/>
				 <?php if ($label) : ?>
						</li>
					</ul>
				<?php endif;?>
		<?php
	}
public function render_content ( ) { $ v = $ this -> value ( ) ; $ values = json_decode ( $ v ) ; wp_enqueue_script ( 'json2' ) ; $ current_unit = isset ( $ values -> unit ) ? $ values -> unit : 'px' ; $ units = array ( 'px' , '%' , 'em' ) ; $ current_position = isset ( $ values -> position ) ? $ values -> position : '' ; $ positions = array ( 'static' => __ ( 'Static' , 'themify' ) , 'relative' => __ ( 'Relative' , 'themify' ) , 'fixed' => __ ( 'Fixed' , 'themify' ) , 'absolute' => __ ( 'Absolute' , 'themify' ) , ) ; $ sides = array ( 'top' => __ ( 'Top' , 'themify' ) , 'right' => __ ( 'Right' , 'themify' ) , 'bottom' => __ ( 'Bottom' , 'themify' ) , 'left' => __ ( 'Left' , 'themify' ) , ) ; $ label = $ this -> show_label && ! empty ( $ this -> label ) ; ?> <?php if ( $ label ) : ?> <span class="customize-control-title themify-control-title themify-suba-toggle"> <?php echo esc_html ( $ this -> label ) ; ?> </span>
		 <?php endif ; ?> <?php if ( $ label ) : ?> <ul class="themify-control-sub-accordeon">
						<li>            
				 <?php endif ; ?> <!-- Element Position -->
					<div class="themify-customizer-brick">

							<div class="custom-select">
									<select class="position">
											<option value=""></option>
											 <?php foreach ( $ positions as $ position => $ label ) : ?> <option value=" <?php echo esc_attr ( $ position ) ; ?> "  <?php selected ( $ position , $ current_position ) ; ?> > <?php echo esc_html ( $ label ) ; ?> </option>
											 <?php endforeach ; ?> </select>
							</div>
							<label> <?php _e ( 'Position' , 'themify' ) ; ?> </label><a href="https://themify.me/docs/styling#properties-positioning" target="_blank" class="doc-link">(?)</a>

					</div>

					 <?php foreach ( $ sides as $ side => $ side_label ) : $ width = isset ( $ values -> { $ side } -> width ) ? $ values -> { $ side } -> width : '' ; ?> <div class="themify-customizer-brick position-wrap">

									<div class="auto-prop-combo js-hide- <?php echo esc_attr ( $ side ) ; ?> hcollapse">

											<input type="text" class="dimension-width" value=" <?php echo esc_attr ( $ width ) ; ?> " data-side=" <?php echo esc_attr ( $ side ) ; ?> "	/>

											<div class="custom-select">
													<select class="dimension-unit" data-side=" <?php echo esc_attr ( $ side ) ; ?> ">
															 <?php foreach ( $ units as $ unit ) : $ unit_val = isset ( $ values -> { $ side } -> unit ) ? $ values -> { $ side } -> unit : 'px' ; ?> <option value=" <?php echo esc_attr ( $ unit ) ; ?> "  <?php selected ( $ unit_val , $ unit ) ; ?> > <?php echo esc_html ( $ unit ) ; ?> </option>
															 <?php endforeach ; ?> </select>
											</div>

									</div>

							<span class="auto-prop-label">
									 <?php $ auto = isset ( $ values -> { $ side } -> auto ) ? $ values -> { $ side } -> auto : '' ; $ auto_id = $ this -> id . '_' . $ side . '_auto' ; ?> <label class="dimension-row-label"> <?php echo esc_html ( $ side_label ) ; ?> </label>
									<input id=" <?php echo esc_attr ( $ auto_id ) ; ?> " type="checkbox" class="auto-prop"  <?php checked ( $ auto , 'auto' ) ; ?> value="auto" data-hide="js-hide- <?php echo esc_attr ( $ side ) ; ?> " data-side=" <?php echo esc_attr ( $ side ) ; ?> "/>
									<label for=" <?php echo esc_attr ( $ auto_id ) ; ?> ">
											 <?php _e ( 'Auto' , 'themify' ) ; ?> </label>
							</span>

							</div>
					 <?php endforeach ; ?> <input  <?php $ this -> link ( ) ; ?> value=' <?php echo esc_attr ( $ v ) ; ?> ' type="hidden" class=" <?php echo esc_attr ( $ this -> type ) ; ?> _control themify-customizer-value-field"/>
				  <?php if ( $ label ) : ?> </li>
					</ul>
				 <?php endif ; ?> <?php }
Render the control's content.
Render the control ' s content .
// Units // Positions // Coordinates // CSS property value: auto