Changeset 58089 for trunk/src/wp-includes/style-engine/class-wp-style-engine-processor.php

Timestamp:

05/03/2024 04:45:20 AM (13 months ago)

Author:

isabel_brison

Message:

Editor: add Style Engine support for nested CSS rules.

Adds support for passing a $rules_group string to wp_style_engine_get_stylesheet_from_css_rules(), so rules can be nested under a media query, layer or other rule.

Props isabel_brison, ramonopoly.
Fixes #61099.

File:

• trunk/src/wp-includes/style-engine/class-wp-style-engine-processor.php (modified) (3 diffs)

trunk/src/wp-includes/style-engine/class-wp-style-engine-processor.php

@@ -59 +59 @@
      *
      * @since 6.1.0
+     * @since 6.6.0 Added support for rules_group.
      *
      * @param WP_Style_Engine_CSS_Rule|WP_Style_Engine_CSS_Rule[] $css_rules A single, or an array of,
@@ -71 +72 @@
 
         foreach ( $css_rules as $rule ) {
-            $selector = $rule->get_selector();
+            $selector    = $rule->get_selector();
+            $rules_group = $rule->get_rules_group();
+
+            /**
+             * If there is a rules_group and it already exists in the css_rules array,
+             * add the rule to it.
+             * Otherwise, create a new entry for the rules_group.
+             */
+            if ( ! empty( $rules_group ) ) {
+                if ( isset( $this->css_rules[ "$rules_group $selector" ] ) ) {
+                    $this->css_rules[ "$rules_group $selector" ]->add_declarations( $rule->get_declarations() );
+                    continue;
+                }
+                $this->css_rules[ "$rules_group $selector" ] = $rule;
+                continue;
+            }
+
+            // If the selector already exists, add the declarations to it.
             if ( isset( $this->css_rules[ $selector ] ) ) {
                 $this->css_rules[ $selector ]->add_declarations( $rule->get_declarations() );
@@ -118 +136 @@
         $css = '';
         foreach ( $this->css_rules as $rule ) {
+            // See class WP_Style_Engine_CSS_Rule for the get_css method.
             $css .= $rule->get_css( $options['prettify'] );
             $css .= $options['prettify'] ? "\n" : '';