WP_Theme_JSON::get_css_variables( array $nodes, array $origins ): string

Converts each styles section into a list of rulesets to be appended to the stylesheet.


Description

These rulesets contain all the css variables (custom variables and preset variables).

See glossary at https://developer.mozilla.org/en-US/docs/Web/CSS/Syntax

For each section this creates a new ruleset such as:

block-selector {
  --wp--preset--category--slug: value;
  --wp--custom--variable: value;
}

Top ↑

Parameters

$nodes array Required
Nodes with settings.
$origins array Required
List of origins to process.

Top ↑

Return

string The new stylesheet.


Top ↑

Source

File: wp-includes/class-wp-theme-json.php. View all references

protected function get_css_variables( $nodes, $origins ) {
	$stylesheet = '';
	foreach ( $nodes as $metadata ) {
		if ( null === $metadata['selector'] ) {
			continue;
		}

		$selector = $metadata['selector'];

		$node         = _wp_array_get( $this->theme_json, $metadata['path'], array() );
		$declarations = array_merge( static::compute_preset_vars( $node, $origins ), static::compute_theme_vars( $node ) );

		$stylesheet .= static::to_ruleset( $selector, $declarations );
	}

	return $stylesheet;
}


Top ↑

Changelog

Changelog
Version Description
5.9.0 Added the $origins parameter.
5.8.0 Introduced.

Top ↑

User Contributed Notes

You must log in before being able to contribute a note or feedback.