Spacing Levels
Vertical spacing changes with the Spacing Modifier option for all inner elements within a block container. The Spacing Modifier option is available as part of the Space and Sizing component on blocks like Group, Hero, or Media.
Level 1
Root ↘ Elements: A root paragraph ipsum dolor sit amet, consectetur adipiscing elit. Cras mollis non nibh sodales suscipit. Nunc eget dui ut felis porttitor suscipit at non sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras mollis non nibh sodales suscipit. Nunc eget dui ut felis porttitor suscipit at non sapien.
Root ↘ Column ↘ Elements: a paragraph inside a Column block ipsum dolor sit amet, consectetur adipiscing elit. Cras mollis non nibh sodales suscipit. Nunc eget dui ut felis porttitor suscipit at non sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras mollis non nibh sodales suscipit. Nunc eget dui ut felis porttitor suscipit at non sapien.
Root ↘ Group ↘ Elements: a paragraph inside a Group block ipsum dolor sit amet, consectetur adipiscing elit. Cras mollis non nibh sodales suscipit. Nunc eget dui ut felis porttitor suscipit at non sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras mollis non nibh sodales suscipit. Nunc eget dui ut felis porttitor suscipit at non sapien.
Root ↘ Supernova ↘ Elements: a paragraph inside a Group block ipsum dolor sit amet, consectetur adipiscing elit. Cras mollis non nibh sodales suscipit. Nunc eget dui ut felis porttitor suscipit at non sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras mollis non nibh sodales suscipit. Nunc eget dui ut felis porttitor suscipit at non sapien.
Root ↘ Supernova ↘ Group ↘ Elements: a paragraph inside a Group block ipsum dolor sit amet, consectetur adipiscing elit. Cras mollis non nibh sodales suscipit. Nunc eget dui ut felis porttitor suscipit at non sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras mollis non nibh sodales suscipit. Nunc eget dui ut felis porttitor suscipit at non sapien.
Level 2
Root ↘ Group ↘ Spacing Modifier: 2 ↘ Elements: a paragraph inside a Group block ipsum dolor sit amet, consectetur adipiscing elit. Cras mollis non nibh sodales suscipit. Nunc eget dui ut felis porttitor suscipit at non sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras mollis non nibh sodales suscipit. Nunc eget dui ut felis porttitor suscipit at non sapien.
Root ↘ Supernova ↘ Group↘ Spacing Modifier: 2 ↘ Elements: a paragraph inside a Group block ipsum dolor sit amet, consectetur adipiscing elit. Cras mollis non nibh sodales suscipit. Nunc eget dui ut felis porttitor suscipit at non sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras mollis non nibh sodales suscipit. Nunc eget dui ut felis porttitor suscipit at non sapien.
Level 3
Root ↘ Group ↘ Group ↘ Spacing Modifier 3 ↘ Elements: a paragraph inside a Group block ipsum dolor sit amet, consectetur adipiscing elit. Cras mollis non nibh sodales suscipit. Nunc eget dui ut felis porttitor suscipit at non sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras mollis non nibh sodales suscipit. Nunc eget dui ut felis porttitor suscipit at non sapien.
Root ↘ Supernova ↘ Group ↘ Group ↘ Spacing Modifier 3 ↘ Elements: a paragraph inside a Group block ipsum dolor sit amet, consectetur adipiscing elit. Cras mollis non nibh sodales suscipit. Nunc eget dui ut felis porttitor suscipit at non sapien.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras mollis non nibh sodales suscipit. Nunc eget dui ut felis porttitor suscipit at non sapien.