twentytwenty_get_customizer_css( string $type = 'front-end' ): string

Description

Compatibility

Present in every tracked release (6.7.7 to 7.1.0), and compiles on PHP 7.4 through 8.6-dev.

Parameters

$typestringoptional

Whether to return CSS for the "front-end", "block-editor", or "classic-editor".Default: 'front-end'

Return value

string

CSS styles built from Customizer options.

Performance profile

How much work a call to twentytwenty_get_customizer_css() does, and what it touches: the algorithmic scaling, the Zend instruction count per call across PHP versions, the hooks it hands control to, and the core code that calls it. Measured from the compiled opcodes, not a stopwatch, so every number is identical on any machine running the same PHP version, and every function in core is ranked by cost.

Cost class

Light

Touches nothing outside its own arguments.

Scaling

Scales with input

The body loops, so the work grows with what you pass in.

Instructions

66–136

Executed per call on PHP 8.5, depending on the branch taken. The body compiles to 239.

Plugin surface

None

Nothing here hands control to plugin code.

Called by

3

3 places in core call this, so the cost is paid more often than your own code shows.

What it touches

• hookthird-party callbacksapply_filters()one call below twentytwenty_get_customizer_css()

Further down the call graph this can also reach option, cache, serialize, transient and query. Those are the worst case, several calls deep and usually down an error path, not what a normal call pays.

What one call costs · 13 distinct outcomes

One number would be a lie: the work depends on which branch runs. These are every distinct cost twentytwenty_get_customizer_css() can have, taken from its control-flow graph on PHP 8.5.

Uses · 6

• sanitize_hex_color()Sanitizes a hex color.
• twentytwenty_get_color_for_area()Gets accessible color for an area.
• get_theme_mod()Retrieves theme modification value for the active theme.
• sanitize_hex_color_no_hash()Sanitizes a hex color without a hash. Use sanitize_hex_color() when possible.
• twentytwenty_get_elements_array()Gets an array of elements.
• twentytwenty_generate_css()Generates CSS.

Used by · 3

• twentytwenty_add_classic_editor_customizer_styles()Output Customizer settings in the classic editor.
• twentytwenty_block_editor_styles()Enqueues supplemental block editor styles.
• twentytwenty_register_styles()Registers and Enqueues Styles.

Source code

View on Trac ↗View on GitHub ↗

60	function twentytwenty_get_customizer_css( $type = 'front-end' ) {61 62		// Get variables.63		$body              = sanitize_hex_color( twentytwenty_get_color_for_area( 'content', 'text' ) );64		$body_default      = '#000000';65		$secondary         = sanitize_hex_color( twentytwenty_get_color_for_area( 'content', 'secondary' ) );66		$secondary_default = '#6d6d6d';67		$borders           = sanitize_hex_color( twentytwenty_get_color_for_area( 'content', 'borders' ) );68		$borders_default   = '#dcd7ca';69		$accent            = sanitize_hex_color( twentytwenty_get_color_for_area( 'content', 'accent' ) );70		$accent_default    = '#cd2653';71 72		// Header.73		$header_footer_background         = sanitize_hex_color( twentytwenty_get_color_for_area( 'header-footer', 'background' ) );74		$header_footer_background_default = '#ffffff';75 76		// Cover.77		$cover         = sanitize_hex_color( get_theme_mod( 'cover_template_overlay_text_color' ) );78		$cover_default = '#ffffff';79 80		// Background.81		$background         = sanitize_hex_color_no_hash( get_theme_mod( 'background_color' ) );82		$background_default = 'f5efe0';83 84		ob_start();85 86		/*87		 * Note – Styles are applied in this order:88		 * 1. Element specific89		 * 2. Helper classes90		 *91		 * This enables all helper classes to overwrite base element styles,92		 * meaning that any color classes applied in the block editor will93		 * have a higher priority than the base element styles.94		 */95 96		// Front-End Styles.97		if ( 'front-end' === $type ) {98 99			// Auto-calculated colors.100			$elements_definitions = twentytwenty_get_elements_array();101			foreach ( $elements_definitions as $context => $props ) {102				foreach ( $props as $key => $definitions ) {103					foreach ( $definitions as $property => $elements ) {104						/*105						 * If we don't have an elements array or it is empty106						 * then skip this iteration early;107						 */108						if ( ! is_array( $elements ) || empty( $elements ) ) {109							continue;110						}111						$val = twentytwenty_get_color_for_area( $context, $key );112						if ( $val ) {113							twentytwenty_generate_css( implode( ',', $elements ), $property, $val );114						}115					}116				}117			}118 119			if ( $cover && $cover !== $cover_default ) {120				twentytwenty_generate_css( '.overlay-header .header-inner', 'color', $cover );121				twentytwenty_generate_css( '.cover-header .entry-header *', 'color', $cover );122			}123 124			// Block Editor Styles.125		} elseif ( 'block-editor' === $type ) {126 127			// Colors.128			// Accent color.129			if ( $accent && $accent !== $accent_default ) {130				twentytwenty_generate_css( ':root .has-accent-color, .editor-styles-wrapper a, .editor-styles-wrapper .has-drop-cap:not(:focus)::first-letter, .editor-styles-wrapper .wp-block-button.is-style-outline .wp-block-button__link, .editor-styles-wrapper .wp-block-pullquote::before, .editor-styles-wrapper .wp-block-file .wp-block-file__textlink', 'color', $accent );131				twentytwenty_generate_css( '.editor-styles-wrapper .wp-block-quote', 'border-color', $accent, '' );132				twentytwenty_generate_css( '.has-accent-background-color, .editor-styles-wrapper .wp-block-button__link, .editor-styles-wrapper .wp-block-file__button', 'background-color', $accent );133			}134 135			// Background color.136			if ( $background && $background !== $background_default ) {137				twentytwenty_generate_css( '.editor-styles-wrapper', 'background-color', '#' . $background );138				twentytwenty_generate_css( '.has-background.has-primary-background-color:not(.has-text-color),.has-background.has-primary-background-color *:not(.has-text-color),.has-background.has-accent-background-color:not(.has-text-color),.has-background.has-accent-background-color *:not(.has-text-color)', 'color', '#' . $background );139			}

Changelog

Introduced in Twenty Twenty 1.0. One change between 6.7.7 and 7.1.0.

1. 6.7.7
2. 6.8.8
3. 6.9.7
4. 7.0.4
5. 7.1.0

Signature, return type and hooks compared across 5 parsed releases.

About this page

Parsed data

Generated from the wordpress-develop 7.1.0 tag, from src/wp-content/themes/twentytwenty/inc/custom-css.php, and regenerated for each WordPress release so it tracks the code rather than a snapshot of it.

Corrections

Something wrong on this page? Report it and it gets fixed in the next regeneration.