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

Timestamp:

07/31/2024 02:39:46 AM (2 years ago)

Author:

ramonopoly

Message:

Background: add background attachment support to theme.json styles

Introduces the ability to specify a value for background.backgroundAttachment in theme.json styles.

The theme.json value determines the CSS value for the background-attachment property.

This feature was introduced into the Gutenberg plugin in version 18.9.

Props andrewserong, mukesh27, noisysocks, ramonopoly.

Fixes #61720

File:

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

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

@@ -51 +51 @@
         const BLOCK_STYLE_DEFINITIONS_METADATA = array(
                 'background' => array(
-                        'backgroundImage'    => array(
+                        'backgroundImage'      => array(
                                 'property_keys' => array(
                                         'default' => 'background-image',
@@ -58 +58 @@
                                 'path'          => array( 'background', 'backgroundImage' ),
                         ),
-                        'backgroundPosition' => array(
+                        'backgroundPosition'   => array(
                                 'property_keys' => array(
                                         'default' => 'background-position',
@@ -64 +64 @@
                                 'path'          => array( 'background', 'backgroundPosition' ),
                         ),
-                        'backgroundRepeat'   => array(
+                        'backgroundRepeat'     => array(
                                 'property_keys' => array(
                                         'default' => 'background-repeat',
@@ -70 +70 @@
                                 'path'          => array( 'background', 'backgroundRepeat' ),
                         ),
-                        'backgroundSize'     => array(
+                        'backgroundSize'       => array(
                                 'property_keys' => array(
                                         'default' => 'background-size',
                                 ),
                                 'path'          => array( 'background', 'backgroundSize' ),
+                        ),
+                        'backgroundAttachment' => array(
+                                'property_keys' => array(
+                                        'default' => 'background-attachment',
+                                ),
+                                'path'          => array( 'background', 'backgroundAttachment' ),
                         ),
                 ),