Changeset 54253

Timestamp:

09/20/2022 01:47:55 PM (4 years ago)

Author:

desrosj

Message:

Editor: Add box-shadow support for blocks through theme.json files.

This makes it possible to add box-shadow to specific blocks (such as buttons or groups), allowing this to be configured in block themes without custom CSS.

Props andrewserong, cbravobernal, madhudollu, scruffian, onemaggie.
See #56467.

File:

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

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

@@ -335 +335 @@
          *              and `typography`.
          * @since 6.1.0 Added new side properties for `border`,
+         *              added new property `shadow`,
          *              updated `blockGap` to be allowed at any level.
          * @var array
@@ -357 +358 @@
                         'duotone' => null,
                 ),
+                'shadow'     => null,
                 'spacing'    => array(
                         'margin'   => null,
@@ -585 +587 @@
                 $styles_non_top_level = static::VALID_STYLES;
                 foreach ( array_keys( $styles_non_top_level ) as $section ) {
-                        foreach ( array_keys( $styles_non_top_level[ $section ] ) as $prop ) {
-                                if ( 'top' === $styles_non_top_level[ $section ][ $prop ] ) {
-                                        unset( $styles_non_top_level[ $section ][ $prop ] );
+                        if ( array_key_exists( $section, $styles_non_top_level ) && is_array( $styles_non_top_level[ $section ] ) ) {
+                                foreach ( array_keys( $styles_non_top_level[ $section ] ) as $prop ) {
+                                        if ( 'top' === $styles_non_top_level[ $section ][ $prop ] ) {
+                                                unset( $styles_non_top_level[ $section ][ $prop ] );
+                                        }
                                 }
                         }