Changeset 51198 for trunk/src/wp-includes/class-wp-theme-json.php

Timestamp:

06/22/2021 09:49:13 AM (4 years ago)

Author:

jorgefilipecosta

Message:

Ports theme.json changes for beta 3.

• Add _wp_to_kebab_case function
• Add CSS Custom Properties within preset classes.

Props nosolosw.
See #53397.

File:

• trunk/src/wp-includes/class-wp-theme-json.php (modified) (2 diffs)

trunk/src/wp-includes/class-wp-theme-json.php

@@ -712 +712 @@
                 foreach ( $preset_by_slug as $slug => $value ) {
                     $stylesheet .= self::to_ruleset(
-                        self::append_to_selector( $selector, '.has-' . $slug . '-' . $class['class_suffix'] ),
+                        self::append_to_selector( $selector, '.has-' . _wp_to_kebab_case( $slug ) . '-' . $class['class_suffix'] ),
                         array(
                             array(
                                 'name'  => $class['property_name'],
-                                'value' => $value . ' !important',
+                                'value' => 'var(--wp--preset--' . $preset['css_var_infix'] . '--' . _wp_to_kebab_case( $slug ) . ') !important',
                             ),
                         )
@@ -752 +752 @@
             foreach ( $preset_by_slug as $slug => $value ) {
                 $declarations[] = array(
-                    'name'  => '--wp--preset--' . $preset['css_var_infix'] . '--' . $slug,
+                    'name'  => '--wp--preset--' . $preset['css_var_infix'] . '--' . _wp_to_kebab_case( $slug ),
                     'value' => $value,
                 );