Last active
January 16, 2023 14:39
-
-
Save carolinan/d2b2acf883df77a779944036554e2cbb to your computer and use it in GitHub Desktop.
TT1 navigation block block gap in 6.2
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- 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> | |
<!-- /wp:buttons --> | |
<!-- wp:paragraph {"backgroundColor":"white"} --> | |
<p class="has-white-background-color has-background">Block spacing: 0</p> | |
<!-- /wp:paragraph --> | |
<!-- wp:navigation {"ref":1844,"style":{"spacing":{"blockGap":"0"}}} /--> | |
<!-- wp:paragraph {"backgroundColor":"white"} --> | |
<p class="has-white-background-color has-background">Block spacing: 1</p> | |
<!-- /wp:paragraph --> | |
<!-- wp:navigation {"ref":1844,"style":{"spacing":{"blockGap":"var:preset|spacing|20"}}} /--> | |
<!-- wp:paragraph {"backgroundColor":"white"} --> | |
<p class="has-white-background-color has-background">Block spacing: 2</p> | |
<!-- /wp:paragraph --> | |
<!-- wp:navigation {"ref":1844,"style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} /--> | |
<!-- wp:paragraph {"backgroundColor":"white"} --> | |
<p class="has-white-background-color has-background">Block spacing: 3, with background color</p> | |
<!-- /wp:paragraph --> | |
<!-- wp:navigation {"ref":1844,"backgroundColor":"red","style":{"spacing":{"blockGap":"var:preset|spacing|40"}}} /--> | |
<!-- wp:paragraph {"backgroundColor":"white"} --> | |
<p class="has-white-background-color has-background">Block spacing: 4</p> | |
<!-- /wp:paragraph --> | |
<!-- wp:navigation {"ref":1844,"style":{"spacing":{"blockGap":"var:preset|spacing|50"}}} /--> | |
<!-- wp:paragraph {"backgroundColor":"white"} --> | |
<p class="has-white-background-color has-background">Block spacing: 5</p> | |
<!-- /wp:paragraph --> | |
<!-- wp:navigation {"ref":1844,"style":{"spacing":{"blockGap":"var:preset|spacing|60"}}} /--> | |
<!-- wp:paragraph {"backgroundColor":"white"} --> | |
<p class="has-white-background-color has-background">Block spacing: 6</p> | |
<!-- /wp:paragraph --> | |
<!-- wp:navigation {"ref":1844,"style":{"spacing":{"blockGap":"var:preset|spacing|70"}}} /--> | |
<!-- wp:paragraph {"backgroundColor":"white"} --> | |
<p class="has-white-background-color has-background">Block spacing: 7</p> | |
<!-- /wp:paragraph --> | |
<!-- wp:navigation {"ref":1844,"style":{"spacing":{"blockGap":"var:preset|spacing|80"}}} /--> | |
<!-- wp:paragraph {"backgroundColor":"white"} --> | |
<p class="has-white-background-color has-background">Vertical navigation block, block spacing: 2</p> | |
<!-- /wp:paragraph --> | |
<!-- wp:navigation {"ref":1844,"layout":{"type":"flex","orientation":"vertical"},"style":{"spacing":{"blockGap":"var:preset|spacing|30"}}} /--> | |
<!-- wp:paragraph {"backgroundColor":"white"} --> | |
<p class="has-white-background-color has-background">Vertical navigation block, block spacing: 4</p> | |
<!-- /wp:paragraph --> | |
<!-- wp:navigation {"ref":1844,"layout":{"type":"flex","orientation":"vertical"},"style":{"spacing":{"blockGap":"var:preset|spacing|50"}}} /--> | |
<!-- wp:paragraph {"backgroundColor":"white"} --> | |
<p class="has-white-background-color has-background">Wide, justify items center, block spacing: 4, with background color</p> | |
<!-- /wp:paragraph --> | |
<!-- wp:navigation {"ref":1844,"backgroundColor":"purple","align":"wide","layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"blockGap":"var:preset|spacing|50"}}} /--> | |
<!-- wp:paragraph {"backgroundColor":"white"} --> | |
<p class="has-white-background-color has-background">Wide, justify items right, block spacing: 3</p> | |
<!-- /wp:paragraph --> | |
<!-- wp:navigation {"ref":1844,"align":"wide","layout":{"type":"flex","justifyContent":"right"},"style":{"spacing":{"blockGap":"var:preset|spacing|40"}}} /--> | |
<!-- wp:paragraph {"backgroundColor":"white"} --> | |
<p class="has-white-background-color has-background">Wide, space between, <mark style="background-color:rgba(0, 0, 0, 0);color:#fe1616" class="has-inline-color">block spacing: 0</mark></p> | |
<!-- /wp:paragraph --> | |
<!-- wp:navigation {"ref":1844,"align":"wide","layout":{"type":"flex","justifyContent":"space-between"},"style":{"spacing":{"blockGap":"0"}}} /--> | |
<!-- wp:paragraph {"backgroundColor":"white"} --> | |
<p class="has-white-background-color has-background">Wide, space between, block spacing: 4</p> | |
<!-- /wp:paragraph --> | |
<!-- wp:navigation {"ref":1844,"align":"wide","layout":{"type":"flex","justifyContent":"space-between"},"style":{"spacing":{"blockGap":"var:preset|spacing|50"}}} /--> | |
<!-- wp:paragraph {"backgroundColor":"white"} --> | |
<p class="has-white-background-color has-background">Wide, space between, block spacing: 7</p> | |
<!-- /wp:paragraph --> | |
<!-- wp:navigation {"ref":1844,"align":"wide","layout":{"type":"flex","justifyContent":"space-between"},"style":{"spacing":{"blockGap":"var:preset|spacing|80"}}} /--> | |
<!-- wp:paragraph {"backgroundColor":"white"} --> | |
<p class="has-white-background-color has-background">Wide, Open on click, left aligned (default) spacing 1</p> | |
<!-- /wp:paragraph --> | |
<!-- wp:navigation {"ref":1844,"openSubmenusOnClick":true,"align":"wide","layout":{"type":"flex","justifyContent":"left"},"style":{"spacing":{"blockGap":"var:preset|spacing|20"}}} /--> | |
<!-- wp:paragraph {"backgroundColor":"white"} --> | |
<p class="has-white-background-color has-background">Wide, Open on click, left aligned (default) spacing 5</p> | |
<!-- /wp:paragraph --> | |
<!-- wp:navigation {"ref":1844,"openSubmenusOnClick":true,"align":"wide","layout":{"type":"flex","justifyContent":"left"},"style":{"spacing":{"blockGap":"var:preset|spacing|60"}}} /--> | |
<!-- wp:paragraph {"backgroundColor":"white"} --> | |
<p class="has-white-background-color has-background">Wide, Open on click, left aligned (default) spacing 2, with background color and submenu background color</p> | |
<!-- /wp:paragraph --> | |
<!-- wp:navigation {"ref":1844,"backgroundColor":"gray","openSubmenusOnClick":true,"overlayBackgroundColor":"red","align":"wide","layout":{"type":"flex","justifyContent":"left"},"style":{"spacing":{"blockGap":"var:preset|spacing|20"}}} /--> | |
<!-- wp:paragraph --> | |
<p></p> | |
<!-- /wp:paragraph --> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment