wpseek.com
A WordPress-centric search engine for devs and theme authors



wp_typography_get_css_variable_inline_style › WordPress Function

Since5.8.0
Deprecated6.1.0
› wp_typography_get_css_variable_inline_style ( $attributes, $feature, $css_property )
Access:
  • private
Parameters: (3)
  • (array) $attributes Block's attributes.
    Required: Yes
  • (string) $feature Key for the feature within the typography styles.
    Required: Yes
  • (string) $css_property Slug for the CSS property the inline style sets.
    Required: Yes
See:
Returns:
  • (string) CSS inline style.
Defined at:
Codex:

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



Related Functions: wp_typography_get_preset_inline_style_value, wp_maybe_inline_styles, wp_get_typography_value_and_unit, wp_get_typography_font_size_value, get_typography_classes_for_block_core_search

Source 

function wp_typography_get_css_variable_inline_style( $attributes, $feature, $css_property ) {
	_deprecated_function( __FUNCTION__, '6.1.0', 'wp_style_engine_get_styles()' );

	// Retrieve current attribute value or skip if not found.
	$style_value = _wp_array_get( $attributes, array( 'style', 'typography', $feature ), false );
	if ( ! $style_value ) {
		return;
	}

	// If we don't have a preset CSS variable, we'll assume it's a regular CSS value.
	if ( ! str_contains( $style_value, "var:preset|{$css_property}|" ) ) {
		return sprintf( '%s:%s;', $css_property, $style_value );
	}

	/*
	 * We have a preset CSS variable as the style.
	 * Get the style value from the string and return CSS style.
	 */
	$index_to_splice = strrpos( $style_value, '|' ) + 1;
	$slug            = substr( $style_value, $index_to_splice );

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