{"id":3029,"date":"2021-11-18T15:42:04","date_gmt":"2021-11-18T15:42:04","guid":{"rendered":"https:\/\/trial.pixelgrade.com\/tosca\/?page_id=3029"},"modified":"2021-12-22T12:13:32","modified_gmt":"2021-12-22T12:13:32","slug":"spacing-levels","status":"publish","type":"page","link":"https:\/\/trial.pixelgrade.com\/tosca\/spacing-levels\/","title":{"rendered":"Spacing Levels"},"content":{"rendered":"\n

Spacing Levels<\/h1>\n\n\n\n

Vertical spacing changes with the Spacing Modifier<\/em> option for all inner elements within a block container. The Spacing Modifier<\/em> option is available as part of the Space and Sizing<\/em> component on blocks like Group, Hero, or Media.<\/p>\n\n\n\n\t\t

\n\t\t\t\n\t\t
\n\t\t\t
<\/div>\n\t\t\t
<\/div>\n\t\t\t
\n\t\t\t\t<\/svg>\n<\/span>\n\t\t\t<\/div>\n\t\t\t
<\/div>\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n\n\n

Level 1<\/h2>\n\n\n\n

Root \u2198 Elements<\/strong>: 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. <\/p>\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras mollis non nibh sodales suscipit. Nunc eget dui ut felis porttitor suscipit at non sapien. <\/p>\n\n\n\n\t\t

\n\t\t\t\n\t\t
\n\t\t\t
<\/div>\n\t\t\t
<\/div>\n\t\t\t
\n\t\t\t\t<\/svg>\n<\/span>\n\t\t\t<\/div>\n\t\t\t
<\/div>\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n\n\n
\n
\n

Root \u2198 Column \u2198 Elements<\/strong>: a paragraph inside a Column<\/strong> block ipsum dolor sit amet, consectetur adipiscing elit. Cras mollis non nibh sodales suscipit. Nunc eget dui ut felis porttitor suscipit at non sapien. <\/p>\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras mollis non nibh sodales suscipit. Nunc eget dui ut felis porttitor suscipit at non sapien. <\/p>\n<\/div>\n<\/div>\n\n\n\n\t\t

\n\t\t\t\n\t\t
\n\t\t\t
<\/div>\n\t\t\t
<\/div>\n\t\t\t
\n\t\t\t\t<\/svg>\n<\/span>\n\t\t\t<\/div>\n\t\t\t
<\/div>\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n\n\n
\n

Root \u2198 Group \u2198 Elements<\/strong>: a paragraph inside a Group<\/strong> block ipsum dolor sit amet, consectetur adipiscing elit. Cras mollis non nibh sodales suscipit. Nunc eget dui ut felis porttitor suscipit at non sapien. <\/p>\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras mollis non nibh sodales suscipit. Nunc eget dui ut felis porttitor suscipit at non sapien.<\/p>\n<\/div>\n\n\n

\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\t
\n\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\n

Root \u2198 Supernova \u2198 <\/strong>Elements<\/strong>: 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. <\/p>\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras mollis non nibh sodales suscipit. Nunc eget dui ut felis porttitor suscipit at non sapien.<\/p>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t<\/div>\n\n\t\n\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\n\t\t<\/div>\n\n

\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\t
\n\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\n
\n

Root \u2198 Supernova \u2198 Group \u2198 <\/strong>Elements<\/strong>: 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. <\/p>\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras mollis non nibh sodales suscipit. Nunc eget dui ut felis porttitor suscipit at non sapien.<\/p>\n<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t<\/div>\n\n\t\n\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\n\t\t<\/div>\n\n\n

Level 2<\/h2>\n\n\n\n
\n
\n

Root \u2198 Group \u2198<\/strong><\/strong> Spacing Modifier: 2 \u2198 Elements<\/strong>: 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. <\/p>\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras mollis non nibh sodales suscipit. Nunc eget dui ut felis porttitor suscipit at non sapien.<\/p>\n<\/div>\n<\/div>\n\n\n

\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\t
\n\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\n

Root \u2198 Supernova \u2198 Group\u2198 Spacing Modifier: 2<\/strong><\/strong> \u2198 Elements:<\/strong> 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. <\/p>\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras mollis non nibh sodales suscipit. Nunc eget dui ut felis porttitor suscipit at non sapien.<\/p>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t<\/div>\n\n\t\n\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\n\t\t<\/div>\n\n\n\t\t

\n\t\t\t\n\t\t
\n\t\t\t
<\/div>\n\t\t\t
<\/div>\n\t\t\t
\n\t\t\t\t<\/svg>\n<\/span>\n\t\t\t<\/div>\n\t\t\t
<\/div>\n\t\t\t
<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n\n\n

Level 3<\/h2>\n\n\n\n
\n
\n
\n

Root \u2198 Group \u2198<\/strong><\/strong> Group \u2198<\/strong><\/strong> Spacing Modifier 3 \u2198 Elements<\/strong>: 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. <\/p>\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras mollis non nibh sodales suscipit. Nunc eget dui ut felis porttitor suscipit at non sapien.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n

\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\t
\n\t\t
\n\t\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t\n\n
\n
\n
\n

Root \u2198 Supernova \u2198 Group \u2198 Group \u2198 Spacing Modifier 3<\/strong> \u2198 Elements<\/strong>: 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. <\/p>\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras mollis non nibh sodales suscipit. Nunc eget dui ut felis porttitor suscipit at non sapien.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t<\/div>\n\n\t\n\n\t\t\t\t<\/div>\n\t\t\t<\/div><\/div>\n\t\t<\/div>\n\n\n