Changeset 58089 for trunk/src/wp-includes/style-engine/class-wp-style-engine-css-rules-store.php

Timestamp:

05/03/2024 04:45:20 AM (9 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-css-rules-store.php (modified) (1 diff)

trunk/src/wp-includes/style-engine/class-wp-style-engine-css-rules-store.php

@@ -122 +122 @@
      *
      * @since 6.1.0
+     * @since 6.6.0 Added the $rules_group parameter.
      *
      * @param string $selector The CSS selector.
+     * @param string $rules_group A parent CSS selector in the case of nested CSS, or a CSS nested @rule,
+     *                            such as `@media (min-width: 80rem)` or `@layer module`.
      * @return WP_Style_Engine_CSS_Rule|void Returns a WP_Style_Engine_CSS_Rule object,
      *                                       or void if the selector is empty.
      */
-    public function add_rule( $selector ) {
-        $selector = trim( $selector );
+    public function add_rule( $selector, $rules_group = '' ) {
+        $selector    = $selector ? trim( $selector ) : '';
+        $rules_group = $rules_group ? trim( $rules_group ) : '';
 
         // Bail early if there is no selector.
         if ( empty( $selector ) ) {
             return;
+        }
+
+        if ( ! empty( $rules_group ) ) {
+            if ( empty( $this->rules[ "$rules_group $selector" ] ) ) {
+                $this->rules[ "$rules_group $selector" ] = new WP_Style_Engine_CSS_Rule( $selector, array(), $rules_group );
+            }
+            return $this->rules[ "$rules_group $selector" ];
         }