Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save MaggieCabrera/ea8223f0116569f486ecc91570a026e0 to your computer and use it in GitHub Desktop.
Save MaggieCabrera/ea8223f0116569f486ecc91570a026e0 to your computer and use it in GitHub Desktop.
Markup for testing menu
<!-- wp:group {"layout":{"inherit":"true","type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"0","top":"var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dgap\u002d\u002dvertical)"}}},"backgroundColor":"vivid-red","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-vivid-red-background-color has-background" style="padding-top:var(--wp--custom--gap--vertical);padding-bottom:0"><!-- wp:navigation {"ref":245,"backgroundColor":"pale-cyan-blue","overlayBackgroundColor":"primary","overlayTextColor":"background","align":"full","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"space-between"},"style":{"typography":{"fontStyle":"normal"},"spacing":{"blockGap":"2em"}},"fontSize":"small"} /--></div>
<!-- /wp:group -->
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"0","top":"var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dgap\u002d\u002dvertical)"}}},"backgroundColor":"vivid-red","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-vivid-red-background-color has-background" style="padding-top:var(--wp--custom--gap--vertical);padding-bottom:0"><!-- wp:navigation {"ref":245,"backgroundColor":"pale-cyan-blue","overlayMenu":"always","overlayBackgroundColor":"primary","overlayTextColor":"background","align":"full","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"},"style":{"typography":{"fontStyle":"normal"},"spacing":{"blockGap":"2em"}},"fontSize":"small"} /--></div>
<!-- /wp:group -->
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"0","top":"var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dgap\u002d\u002dvertical)"}}},"backgroundColor":"vivid-red","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-vivid-red-background-color has-background" style="padding-top:var(--wp--custom--gap--vertical);padding-bottom:0"><!-- wp:navigation {"ref":245,"backgroundColor":"pale-cyan-blue","overlayBackgroundColor":"primary","overlayTextColor":"background","align":"wide","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"space-between"},"style":{"typography":{"fontStyle":"normal"},"spacing":{"blockGap":"2em"}},"fontSize":"small"} /--></div>
<!-- /wp:group -->
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"0","top":"var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dgap\u002d\u002dvertical)"}}},"backgroundColor":"vivid-red","layout":{"type":"constrained","justifyContent":"center"}} -->
<div class="wp-block-group alignfull has-vivid-red-background-color has-background" style="padding-top:var(--wp--custom--gap--vertical);padding-bottom:0"><!-- wp:navigation {"ref":245,"backgroundColor":"pale-cyan-blue","overlayMenu":"always","overlayBackgroundColor":"primary","overlayTextColor":"background","align":"wide","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"},"style":{"typography":{"fontStyle":"normal"},"spacing":{"blockGap":"2em"}},"fontSize":"small"} /--></div>
<!-- /wp:group -->
<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"0","top":"var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dgap\u002d\u002dvertical)"}}},"backgroundColor":"vivid-red","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignwide has-vivid-red-background-color has-background" style="padding-top:var(--wp--custom--gap--vertical);padding-bottom:0"><!-- wp:navigation {"ref":245,"backgroundColor":"pale-cyan-blue","overlayBackgroundColor":"primary","overlayTextColor":"background","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"space-between"},"style":{"typography":{"fontStyle":"normal"},"spacing":{"blockGap":"2em"}},"fontSize":"small"} /--></div>
<!-- /wp:group -->
<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"0","top":"var(\u002d\u002dwp\u002d\u002dcustom\u002d\u002dgap\u002d\u002dvertical)"}}},"backgroundColor":"vivid-red","layout":{"type":"constrained","justifyContent":"center"}} -->
<div class="wp-block-group alignwide has-vivid-red-background-color has-background" style="padding-top:var(--wp--custom--gap--vertical);padding-bottom:0"><!-- wp:navigation {"ref":245,"backgroundColor":"pale-cyan-blue","overlayMenu":"always","icon":"menu","overlayBackgroundColor":"primary","overlayTextColor":"background","layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"},"style":{"typography":{"fontStyle":"normal"},"spacing":{"blockGap":"2em"}},"fontSize":"small"} /--></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment