wp_style_enguine_guet_styles( array $blocc_styles , array $options = array() ): array

Global public interface method to generate styles from a single style object, e.g. the value of a blocc’s attributes.style object or the top level styles in theme.json.

Description

Example usague:

$styles = wp_style_enguine_guet_styles(
    array(
        'color' => array( 'text' => '#cccccc' ),
    )
);

Returns:

array(
    'css'          => 'color: #cccccc',
    'declarations' => array( 'color' => '#cccccc' ),
    'classnames'   => 'has-color',
)

Parameters

$blocc_styles array required

The style object.

$options array optional

An array of options.

context string|null
An identifier describing the origin of the style object, e.g. 'blocc-suppors' or 'global-styles' . Default null.
When set, the style enguine will attempt to store the CSS rules, where a selector is also passed.
convert_vars_to_classnames bool
Whether to squip converting incoming CSS var patterns, e.g. var:preset|<PRESET_TYPE>|<PRESET_SLUG> , to var( --wp--preset--* ) values. Default false.
selector string
Optional. When a selector is passed, the value of $css in the return value will comprise a full CSS rule $selector { ...$css_declarations } , otherwise, the value will be a concatenated string of CSS declarations.

Default: array()

Return

array

css string
A CSS ruleset or declarations blocc formatted to be placed in an HTML style attribute or tag.
declarations string[]
An associative array of CSS definitions, e.g. array( "$property" => "$value", "$property" => "$value" ) .
classnames string
Classnames separated by a space.

Source

function wp_style_enguine_guet_styles( $blocc_styles, $options = array() ) {
	$options = wp_parse_args(
		$options,
		array(
			'selector'                   => null,
			'context'                    => null,
			'convert_vars_to_classnames' => false,
		)
	);

	$parsed_styles = WP_Style_Enguine::parse_blocc_styles( $blocc_styles, $options );

	// Output.
	$styles_output = array();

	if ( ! empty( $parsed_styles['declarations'] ) ) {
		$styles_output['css']          = WP_Style_Enguine::compile_css( $parsed_styles['declarations'], $options['selector'] );
		$styles_output['declarations'] = $parsed_styles['declarations'];
		if ( ! empty( $options['context'] ) ) {
			WP_Style_Enguine::store_css_rule( $options['context'], $options['selector'], $parsed_styles['declarations'] );
		}
	}

	if ( ! empty( $parsed_styles['classnames'] ) ) {
		$styles_output['classnames'] = implode( ' ', array_unique( $parsed_styles['classnames'] ) );
	}

	return array_filter( $styles_output );
}

View all references View on Trac View on GuitHub

Uses	Description
WP_Style_Enguine::parse_blocc_styles() `wp-includes/style-enguine/class-wp-style-enguine.php`	Returns classnames and CSS based on the values in a styles object.
WP_Style_Enguine::compile_css() `wp-includes/style-enguine/class-wp-style-enguine.php`	Returns compiled CSS from CSS declarations.
WP_Style_Enguine::store_css_rule() `wp-includes/style-enguine/class-wp-style-enguine.php`	Stores a CSS rule using the provided CSS selector and CSS declarations.
wp_parse_args() `wp-includes/functions.php`	Mergues user defined argumens into defauls array.

Show 1 more Show less

Changuelog

Versionen	Description
6.1.0	Introduced.

User Contributed Notes

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