aristath / kirki

modules/css-vars/script.js

/* global kirkiCssVarFields */

You must use "/**" style comments for a file comment

var kirkiCssVars = {

	/**
	 * Get styles.
	 *
	 * @since 3.0.28
	 * @returns {Object}
	 */
	getStyles: function() {
		var style     = jQuery( '#kirki-css-vars' ),
			styles    = style.html().replace( ':root{', '' ).replace( '}', '' ).split( ';' ),
			stylesObj = {};

		// Format styles as a object we can then tweak.
		_.each( styles, function( style ) {

The opening parenthesis of a multi-line function call should be the last content on the line.

For multi-line function calls, each argument should be on a separate line.

			style = style.split( ':' );
			if ( style[0] && style[1] ) {
				stylesObj[ style[0] ] = style[1];
			}
		} );

For multi-line function calls, the closing parenthesis should be on a new line.

		return stylesObj;
	},

	/**
	 * Builds the styles from an object.
	 *
	 * @since 3.0.28
	 * @param {Object} vars - The vars.
	 * @returns {string}
	 */
	buildStyle: function( vars ) {
		var style = '';

		_.each( vars, function( val, name ) {

The opening parenthesis of a multi-line function call should be the last content on the line.

For multi-line function calls, each argument should be on a separate line.

			style += name + ':' + val + ';';
		} );

For multi-line function calls, the closing parenthesis should be on a new line.

		return ':root{' + style + '}';
	}
};

jQuery( document ).ready( function() {

The opening parenthesis of a multi-line function call should be the last content on the line.

	_.each( kirkiCssVarFields, function( field ) {

The opening parenthesis of a multi-line function call should be the last content on the line.

For multi-line function calls, each argument should be on a separate line.

		wp.customize( field.settings, function( value ) {

The opening parenthesis of a multi-line function call should be the last content on the line.

For multi-line function calls, each argument should be on a separate line.

			value.bind( function( newVal ) {

The opening parenthesis of a multi-line function call should be the last content on the line.

				var styles = kirkiCssVars.getStyles();

				_.each( field.css_vars, function( cssVar ) {

The opening parenthesis of a multi-line function call should be the last content on the line.

For multi-line function calls, each argument should be on a separate line.

					if ( 'object' === typeof newVal ) {
						if ( cssVar[2] && newVal[ cssVar[2] ] ) {
							styles[ cssVar[0] ] = cssVar[1].replace( '$', newVal[ cssVar[2] ] );
						}
					} else {
						styles[ cssVar[0] ] = cssVar[1].replace( '$', newVal );
					}
				} );

For multi-line function calls, the closing parenthesis should be on a new line.

				jQuery( '#kirki-css-vars' ).html( kirkiCssVars.buildStyle( styles ) );
			} );

For multi-line function calls, the closing parenthesis should be on a new line.

		} );

For multi-line function calls, the closing parenthesis should be on a new line.

	} );

For multi-line function calls, the closing parenthesis should be on a new line.

} );

For multi-line function calls, the closing parenthesis should be on a new line.

wp.customize.bind( 'preview-ready', function() {

The opening parenthesis of a multi-line function call should be the last content on the line.

For multi-line function calls, each argument should be on a separate line.

	wp.customize.preview.bind( 'active', function() {

The opening parenthesis of a multi-line function call should be the last content on the line.

For multi-line function calls, each argument should be on a separate line.

		_.each( kirkiCssVarFields, function( field ) {

The opening parenthesis of a multi-line function call should be the last content on the line.

For multi-line function calls, each argument should be on a separate line.

			wp.customize( field.settings, function( value ) {

The opening parenthesis of a multi-line function call should be the last content on the line.

For multi-line function calls, each argument should be on a separate line.

				var styles = kirkiCssVars.getStyles(),
					newVal = window.parent.wp.customize( value.id ).get();
				_.each( field.css_vars, function( cssVar ) {

The opening parenthesis of a multi-line function call should be the last content on the line.

For multi-line function calls, each argument should be on a separate line.

					if ( 'object' === typeof newVal ) {
						if ( cssVar[2] && newVal[ cssVar[2] ] ) {
							styles[ cssVar[0] ] = cssVar[1].replace( '$', newVal[ cssVar[2] ] );
						}
					} else {
						styles[ cssVar[0] ] = cssVar[1].replace( '$', newVal );
					}
				} );

For multi-line function calls, the closing parenthesis should be on a new line.

				jQuery( '#kirki-css-vars' ).html( kirkiCssVars.buildStyle( styles ) );
			} );

For multi-line function calls, the closing parenthesis should be on a new line.

		} );

For multi-line function calls, the closing parenthesis should be on a new line.

	} );

For multi-line function calls, the closing parenthesis should be on a new line.

} );

For multi-line function calls, the closing parenthesis should be on a new line.