WP_Theme_JSON::get_block_styles( array $style_nodes, array $setting_nodes ): string

In this article

This function’s access is marked private. This means it is not intended for use by plugin or theme developers, only by core. It is listed here for completeness.

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

Description

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 { style-property-one: value; }

Additionally, it’ll also create new rulesets as classes for each preset value such as:

.has-value-color {
  color: value;
}

.has-value-background-color {
  background-color: value;
}

.has-value-font-size {
  font-size: value;
}

.has-value-gradient-background {
  background: value;
}

p.has-value-gradient-background {
  background: value;
}

Parameters

$style_nodesarrayrequired
Nodes with styles.
$setting_nodesarrayrequired
Nodes with settings.

Return

string The new stylesheet.

Source

),
'filter'     => array(
	'duotone' => null,
),
'outline'    => array(
	'color'  => null,
	'offset' => null,
	'style'  => null,
	'width'  => null,
),
'shadow'     => null,
'spacing'    => array(
	'margin'   => null,
	'padding'  => null,
	'blockGap' => null,
),
'typography' => array(
	'fontFamily'     => null,
	'fontSize'       => null,
	'fontStyle'      => null,
	'fontWeight'     => null,
	'letterSpacing'  => null,
	'lineHeight'     => null,
	'textAlign'      => null,
	'textColumns'    => null,
	'textDecoration' => null,

Changelog

VersionDescription
5.8.0Introduced.

User Contributed Notes

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