{"id":2373,"date":"2021-07-19T07:16:34","date_gmt":"2021-07-19T07:16:34","guid":{"rendered":"https:\/\/demos.pixelgrade.com\/tosca\/?page_id=2373"},"modified":"2022-05-27T14:30:35","modified_gmt":"2022-05-27T14:30:35","slug":"group","status":"publish","type":"page","link":"https:\/\/trial.pixelgrade.com\/tosca\/blocks\/group\/","title":{"rendered":"Block: Group"},"content":{"rendered":"\n

Paragraphs only need enough space below them to let the reader know they are starting on a new paragraph. Any more space than that is distracting and breaks up the flow of reading. White space is important, but you don\u2019t want huge gaps all down your page.<\/p>\n\n\n\n

\"\"\/<\/figure>\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

This is the group block with no<\/strong> alignment<\/strong> and Color Signal set to ‘none’<\/strong>. It should space and align the same with the paragraph text above, without any padding around. The Group block allows you to group different blocks together and save them as a reusable block. You can add a background color to the entire group.<\/p>\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

This is a group block with a Color Signal higher than ‘none’<\/strong> and with no alignment<\/strong>. The outer border should align the default paragraph text, while the text inside should have some padding around. Lorem ipsum about the group block allows you to group different blocks together and save them as a reusable block. You can add a background color to the entire group.<\/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

Group blocks inside the Supernova block<\/strong> content<\/sup><\/p>\n\n\n\n

Paragraphs only need enough space below them to let the reader know they are starting on a new paragraph. Any more space than that is distracting and breaks up the flow of reading. White space is important, but you don\u2019t want huge gaps all down your page.<\/p>\n\n\n\n

\n

This is the group block with no<\/strong> alignment<\/strong> and Color Signal to ‘none’.<\/strong> It should align the same with the paragraph text above and the background<\/strong> should be transparent<\/strong> to blend with the Hero. Lorem ipsum about the Group block allows you to group different blocks together and save them as a reusable block. You can add a background color to the entire group.<\/p>\n<\/div>\n\n\n\n

\n

This is a group block with a Color Signal higher than ‘none’<\/strong> and with no alignment<\/strong>. The outer border should align the default paragraph text, while the text inside should have some padding around. Lorem ipsum about the group block allows you to group different blocks together and save them as a reusable block. You can add a background color to the entire group.<\/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

\n

This is the same group block above the Hero block to test the spacing between them. So a block with a Color Signal higher than ‘none’<\/strong> and with no alignment<\/strong>. The outer border should align the default paragraph text, while the text inside should have some padding around. <\/p>\n<\/div>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n
\n

This is the group block with wide<\/strong> alignment<\/strong> and Color Signal to ‘none’<\/strong>. The text should align the same with the image<\/strong> block above. The Group block allows you to group different blocks together and save them as a reusable block. You can add a background color to the entire group.<\/p>\n<\/div>\n\n\n\n

\n

This is a group block with a Color Signal higher than ‘none’<\/strong> and wide width alignment<\/strong>. The outer border should align the default paragraph text, while the text inside should have some padding around. The Group block allows you to group different blocks together and save them as a reusable block. You can add a background color to the entire group.<\/p>\n<\/div>\n\n\n

\n
\n\n

Group blocks inside Sidecar block content<\/sub><\/h3>\n\n\n\n

Paragraphs only need enough space below them to let the reader know they are starting on a new paragraph. Any more space than that is distracting and breaks up the flow of reading. White space is important, but you don\u2019t want huge gaps all down your page.<\/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

This is the group block with no<\/strong> alignment<\/strong> and Color Signal to ‘none’<\/strong>. It should align the same with the paragraph text above and the separators. The Group block allows you to group different blocks together and save them as a reusable block. You can add a background color to the entire group.<\/p>\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

This is a group block with a Color Signal higher<\/strong> than ‘none’ and with no alignment<\/strong>. The outer border should align the default paragraph text, while the text inside should have some padding around. The Group block allows you to group different blocks together and save them as a reusable block. You can add a background color to the entire group.<\/p>\n<\/div>\n\n\n\n

\n

This is the group block with no alignment<\/strong> and color signal to none. It should align the same with the first paragraph above and the separators. The Group block allows you to group different blocks together and save them as a reusable block. You can add a background color to the entire group.<\/p>\n<\/div>\n\n\n\n

\n

This is a Group block inside the Sidecar block <\/strong>with a color signal<\/strong> higher<\/strong> than ‘none’ and wide width alignment<\/strong>. The outer border should align the Sidecar container, while the text inside should have some padding around. The Group block allows you to group different blocks together and save them as a reusable block. You can add a background color to the entire group.<\/p>\n<\/div>\n\n<\/div>\n\n

\n\n

Group blocks inside a Sidecar block sidebar<\/sub><\/h4>\n\n\n\n

Paragraphs only need enough space below them to let the reader know they are starting on a new paragraph. <\/p>\n\n\n\n

\n

This is the group block with no<\/strong> alignment<\/strong> and color signal to none. It should align the same with the paragraph text above and the separators.<\/p>\n<\/div>\n\n\n\n

\n

This is a group block with a color signal<\/strong> higher<\/strong> than ‘none’ and with no alignment<\/strong>. The outer border should align the default paragraph text, while the text inside should have some padding around. <\/p>\n<\/div>\n\n<\/div>\n<\/div>\n\n\n

\"\"\/
Wide width image <\/figcaption><\/figure>\n\n\n\n
\n

This is a Group block outside the Sidecar block <\/strong>with a color signal<\/strong> higher<\/strong> than ‘none’ and wide width alignment<\/strong>. The outer border should align the Sidecar container, while the text inside should have some padding around. The Group block allows you to group different blocks together and save them as a reusable block. You can add a background color to the entire group.<\/p>\n<\/div>\n\n\n\n

\n

This is the group block with full-width<\/strong> alignment<\/strong> and color signal to none. The text should align the same with the first image<\/strong> block above. The Group block allows you to group different blocks together and save them as a reusable block. You can add a background color to the entire group.<\/p>\n<\/div>\n\n\n\n

\n

This is a group block with a color signal<\/strong> higher<\/strong> than ‘none’ and full-width alignment<\/strong>. The outer border should align with the browser edges, while the text inside should have some padding around. The Group block allows you to group different blocks together and save them as a reusable block. You can add a background color to the entire group.<\/p>\n<\/div>\n\n\n\n

\"\"\/
Full width image <\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"

Paragraphs only need enough space below them to let the reader know they are starting on a new paragraph. Any more space than that is […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":2457,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"novablocks_hero_scroll_indicator":false,"novablocks_hero_position_indicators":false,"supernova_prevent_duplicate":false,"inline_featured_image":false},"_links":{"self":[{"href":"https:\/\/trial.pixelgrade.com\/tosca\/wp-json\/wp\/v2\/pages\/2373"}],"collection":[{"href":"https:\/\/trial.pixelgrade.com\/tosca\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/trial.pixelgrade.com\/tosca\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/trial.pixelgrade.com\/tosca\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/trial.pixelgrade.com\/tosca\/wp-json\/wp\/v2\/comments?post=2373"}],"version-history":[{"count":29,"href":"https:\/\/trial.pixelgrade.com\/tosca\/wp-json\/wp\/v2\/pages\/2373\/revisions"}],"predecessor-version":[{"id":4963,"href":"https:\/\/trial.pixelgrade.com\/tosca\/wp-json\/wp\/v2\/pages\/2373\/revisions\/4963"}],"up":[{"embeddable":true,"href":"https:\/\/trial.pixelgrade.com\/tosca\/wp-json\/wp\/v2\/pages\/2457"}],"wp:attachment":[{"href":"https:\/\/trial.pixelgrade.com\/tosca\/wp-json\/wp\/v2\/media?parent=2373"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}