Make WordPress Core


Ignore:
Timestamp:
06/22/2021 09:49:13 AM (3 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:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-includes/class-wp-theme-json.php

    r51168 r51198  
    712712                foreach ( $preset_by_slug as $slug => $value ) {
    713713                    $stylesheet .= self::to_ruleset(
    714                         self::append_to_selector( $selector, '.has-' . $slug . '-' . $class['class_suffix'] ),
     714                        self::append_to_selector( $selector, '.has-' . _wp_to_kebab_case( $slug ) . '-' . $class['class_suffix'] ),
    715715                        array(
    716716                            array(
    717717                                'name'  => $class['property_name'],
    718                                 'value' => $value . ' !important',
     718                                'value' => 'var(--wp--preset--' . $preset['css_var_infix'] . '--' . _wp_to_kebab_case( $slug ) . ') !important',
    719719                            ),
    720720                        )
     
    752752            foreach ( $preset_by_slug as $slug => $value ) {
    753753                $declarations[] = array(
    754                     'name'  => '--wp--preset--' . $preset['css_var_infix'] . '--' . $slug,
     754                    'name'  => '--wp--preset--' . $preset['css_var_infix'] . '--' . _wp_to_kebab_case( $slug ),
    755755                    'value' => $value,
    756756                );
Note: See TracChangeset for help on using the changeset viewer.