1 /**

     2  * Theme Customizer enhancements for a better user experience.

     3  *

     4  * Contains handlers to make Theme Customizer preview reload changes asynchronously.

     5  * Things like site title and description changes.

     6  */

     7 

     8 ( function( $ ) {

     9 	// Site title and description.

    10 	wp.customize( 'blogname', function( value ) {

    11 		value.bind( function( to ) {

    12 			$( '.site-title' ).text( to );

    13 		} );

    14 	} );

    15 	wp.customize( 'blogdescription', function( value ) {

    16 		value.bind( function( to ) {

    17 			$( '.site-description' ).text( to );

    18 		} );

    19 	} );

    20 	// Header text color.

    21 	wp.customize( 'header_textcolor', function( value ) {

    22 		value.bind( function( to ) {

    23 			if ( 'blank' == to ) {

    24 				if ( 'remove-header' == _wpCustomizeSettings.values.header_image )

    25 					$( '.home-link' ).css( 'min-height', '0' );

    26 				$( '.site-title, .site-description' ).css( {

    27 					'clip': 'rect(1px, 1px, 1px, 1px)',

    28 					'position': 'absolute'

    29 				} );

    30 			} else {

    31 				$( '.home-link' ).css( 'min-height', '230px' );

    32 				$( '.site-title, .site-description' ).css( {

    33 					'clip': 'auto',

    34 					'color': to,

    35 					'position': 'relative'

    36 				} );

    37 			}

    38 		} );

    39 	} );

    40 } )( jQuery );