Changeset 50973 for trunk/src/wp-includes/block-editor.php

Timestamp:

05/24/2021 05:38:59 PM (5 years ago)

Author:

jorgefilipecosta

Message:

Block Editor: Add Global Styles support using theme.json file.

This is the second piece of landing the theme.json processing in WordPress core.
It includes the mechanism that outputs the CSS styles of a theme.json file.

Props nosolosw, youknowriad.
See #53175.

File:

• trunk/src/wp-includes/block-editor.php (modified) (1 diff)

trunk/src/wp-includes/block-editor.php

@@ -244 +244 @@
     );
 
-    $editor_settings['__experimentalFeatures'] = WP_Theme_JSON_Resolver::get_merged_data( $editor_settings )->get_settings();
-
+    $theme_json = WP_Theme_JSON_Resolver::get_merged_data( $editor_settings );
+
+    if ( WP_Theme_JSON_Resolver::theme_has_support() ) {
+        $editor_settings['styles'][] = array( 'css' => $theme_json->get_stylesheet( 'block_styles' ) );
+        $editor_settings['styles'][] = array(
+            'css'                     => $theme_json->get_stylesheet( 'css_variables' ),
+            '__experimentalNoWrapper' => true,
+        );
+    }
+
+    $editor_settings['__experimentalFeatures'] = $theme_json->get_settings();
     // These settings may need to be updated based on data coming from theme.json sources.
     if ( isset( $editor_settings['__experimentalFeatures']['color']['palette'] ) ) {