<?php

/*  

 * section HEADER SIZE

 */					 			

	

$wp_customize->add_section( 'tesseract_header_size' , array(

    	'title'      => __('Header Size', 'tesseract'),

    	'priority'   => 3,

		'panel'      => 'tesseract_header_options'

	) );	



	$wp_customize->add_setting( 'tesseract_header_height', array(

			'transport'         => 'refresh',

			'sanitize_callback' => 'absint',

			'default' 			=> 10

	) );			

		

		$wp_customize->add_control( 'tesseract_header_height_control', array(

			'type'        		=> 'range',

			'priority'    		=> 2,

			'section'     		=> 'tesseract_header_size',

			'settings'     		=> 'tesseract_header_height',

			'label'       		=> 'Header Height',

			'description' 		=> 'Use this range slider to set header height',

			'input_attrs' 		=> array(

				'min'   => 0,

				'max'   => 50,

				'step'  => 5,

				'class' => 'tesseract-header-height',

				'style' => 'color: #0a0',

			),

			'priority' 			=> 1

		) );

	

		

	$wp_customize->add_setting( 'tesseract_header_width', array(

		'sanitize_callback' => 'tesseract_sanitize_select_header_width',

		'default' 			=> 'fullwidth'

	) );

	

		$wp_customize->add_control(

			new WP_Customize_Control(

				$wp_customize,

				'tesseract_header_width_control',

				array(

					'label'          => __( 'Select header width', 'tesseract' ),

					'section'        => 'tesseract_header_size',

					'settings'       => 'tesseract_header_width',

					'type'           => 'select',

					'choices'        => array(

						'default'	=> 'Default',

						'fullwidth'	=> 'Full Width'

					),

					'priority' 		 => 2							

				)

			)

		);	

		

		$wp_customize->add_setting( 'tesseract_header_blocks_width_prop', array(

				'transport'         => 'postMessage',

				'sanitize_callback' => 'absint',

				'default' 			=> 60

		) );			

			

			$wp_customize->add_control( 'tesseract_header_blocks_width_prop_control', array(

				'type'        		=> 'range',

				'section'     		=> 'tesseract_header_size',

				'settings'     		=> 'tesseract_header_blocks_width_prop',

				'label'       		=> 'Header Blocks Width Proportion',

				'description' 		=> 'Use this range slider to set the left and right content blocks\' width proportion',

				'input_attrs' 		=> array(

					'min'   => 20,

					'max'   => 80,

					'step'  => 10,

					'class' => 'tesseract-tfo-header-blocks-width-prop',

					'style' => 'color: #0a0',

				),

				'priority' 			=> 3,

				'active_callback'	=> 'tesseract_header_widthProp_enable'

			) );		