carolinan

// Add Level taxonomy to pages.
function fsecom_register_taxonomy_level() {
	$labels = array(
		'name'          => _x( 'Level', 'taxonomy general name' ),
		'singular_name' => _x( 'Level', 'taxonomy singular name' ),
		'search_items'  => __( 'Search Levels' ),
		'all_items'     => __( 'All Levels' ),
		'edit_item'     => __( 'Edit Level' ),
		'update_item'   => __( 'Update Level' ),
		'add_new_item'  => __( 'Add New Level' ),

carolinan

<?php
/**
 * @package block reference
 */

/**
 * Register the custom post type
 * @since 2.0.0
 */
function block_reference_register_block_post_type() {

carolinan

-enqueue the JS file with the enqueue_block_editor_assets hook.


JS file:

function removeAlignment( settings, name ) {
	if ( name !== 'core/group' ) {
		return settings;
	}

carolinan

<!-- wp:paragraph {"backgroundColor":"white"} -->
<p class="has-white-background-color has-background">Default, no block spacing set:</p>
<!-- /wp:paragraph -->

<!-- wp:navigation {"ref":1844} /-->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button">button -does it align with the menu items?</a></div>
<!-- /wp:button --></div>

carolinan

<!-- wp:template-part {"slug":"header","tagName":"header"} /-->

<!-- wp:group {"tagName":"main","align":"full","layout":{"inherit":true}} -->
<main class="wp-block-group alignfull"><!-- wp:woocommerce/checkout {"align":"wide"} -->
	<div class="wp-block-woocommerce-checkout alignwide wc-block-checkout is-loading"><!-- wp:woocommerce/checkout-fields-block -->
	<div class="wp-block-woocommerce-checkout-fields-block"><!-- wp:woocommerce/checkout-express-payment-block -->
	<div class="wp-block-woocommerce-checkout-express-payment-block"></div>
	<!-- /wp:woocommerce/checkout-express-payment-block -->

	<!-- wp:woocommerce/checkout-contact-information-block -->

carolinan

<!-- wp:template-part {"slug":"header","tagName":"header"} /-->

<!-- wp:group {"tagName":"main","align":"full","layout":{"inherit":true}} -->
<main class="wp-block-group alignfull">

	<!-- wp:woocommerce/cart {"align":"wide"} -->
	<div class="wp-block-woocommerce-cart alignwide is-loading"><!-- wp:woocommerce/filled-cart-block -->
	<div class="wp-block-woocommerce-filled-cart-block"><!-- wp:woocommerce/cart-items-block -->
	<div class="wp-block-woocommerce-cart-items-block"><!-- wp:woocommerce/cart-line-items-block -->
	<div class="wp-block-woocommerce-cart-line-items-block"></div>

carolinan

<!-- wp:template-part {"slug":"header","tagName":"header"} /-->

<!-- wp:group {"tagName":"main","align":"full","layout":{"inherit":true}} -->
<main class="wp-block-group alignfull"><!-- wp:columns {"align":"wide"} -->
<div class="wp-block-columns alignwide"><!-- wp:column {"width":"20%"} -->
<div class="wp-block-column" style="flex-basis:20%"><!-- wp:woocommerce/attribute-filter {"attributeId":1,"heading":"Filter by Color"} -->
<div class="wp-block-woocommerce-attribute-filter is-loading" data-attribute-id="1" data-show-counts="true" data-query-type="or" data-heading="Filter by Color" data-heading-level="3"><span aria-hidden="true" class="wc-block-product-attribute-filter__placeholder"></span></div>
<!-- /wp:woocommerce/attribute-filter --></div>
<!-- /wp:column -->

carolinan

You nerd <3

object(WP_Styles)[749]
  public 'base_url' => string 'http://fse.local' (length=21)
  public 'content_url' => string 'http://fse.local/wp-content' (length=32)
  public 'default_version' => string '5.9.2' (length=5)
  public 'text_direction' => string 'ltr' (length=3)
  public 'concat' => string '' (length=0)
  public 'concat_version' => string '' (length=0)
  public 'do_concat' => boolean false

carolinan

const { addFilter } = wp.hooks;
const { assign, merge } = lodash;
const { createBlock } = wp.blocks;

function filter(settings) {
	return assign({}, settings, {
		transforms: merge(settings.transforms, {
			from: [
				{
					type: 'block',

carolinan

{
    "version": 2,
    "settings": {
        "color": {
            "custom": true,
            "customGradient": true,
            "duotone": {
                "theme": [
                    {
                        "colors": [