wp_typography_get_preset_inline_style_value() │ WP 6.1.0

Generates an inline style value for a typography feature e.g. text decoration, text transform, and font style.

Note: This function is for backwards compatibility.

• It is necessary to parse older blocks whose typography styles contain presets.
• It mostly replaces the deprecated wp_typography_get_css_variable_inline_style(), but skips compiling a CSS declaration as the style engine takes over this role.

No Hooks.

Returns

String. A CSS inline style value.

Usage

wp_typography_get_preset_inline_style_value( $style_value, $css_property );

$style_value(string) (required)

A raw style value for a single typography feature from a block's style attribute.

$css_property(string) (required)

Slug for the CSS property the inline style sets.

Changelog

wp_typography_get_preset_inline_style_value() wp typography get preset inline style value code ^{WP 6.8.3}

function wp_typography_get_preset_inline_style_value( $style_value, $css_property ) {
	// If the style value is not a preset CSS variable go no further.
	if ( empty( $style_value ) || ! str_contains( $style_value, "var:preset|{$css_property}|" ) ) {
		return $style_value;
	}

	/*
	 * For backwards compatibility.
	 * Presets were removed in WordPress/gutenberg#27555.
	 * A preset CSS variable is the style.
	 * Gets the style value from the string and return CSS style.
	 */
	$index_to_splice = strrpos( $style_value, '|' ) + 1;
	$slug            = _wp_to_kebab_case( substr( $style_value, $index_to_splice ) );

	// Return the actual CSS inline style value,
	// e.g. `var(--wp--preset--text-decoration--underline);`.
	return sprintf( 'var(--wp--preset--%s--%s);', $css_property, $slug );
}