{"id":150,"date":"2023-01-16T06:56:53","date_gmt":"2023-01-16T06:56:53","guid":{"rendered":"https:\/\/wpthemetestdata.wordpress.com\/wp-6-1-spacing-presets\/"},"modified":"2023-01-16T06:56:53","modified_gmt":"2023-01-16T06:56:53","slug":"wp-6-1-spacing-presets","status":"publish","type":"post","link":"https:\/\/wpscreencast.com\/?p=150","title":{"rendered":"WP 6.1 spacing presets"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">This test post was generated using the block theme Emptytheme in WordPress 6.1.1.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">On this page, some group blocks have border or background color set to increase visibility.<\/p>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\">This group has a no background color and no additional spacing set.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-light-green-cyan-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\">This group has a background color <strong>but no additional spacing set.<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-border-color has-black-border-color is-layout-constrained wp-container-core-group-is-layout-53aab623 wp-block-group-is-layout-constrained\" style=\"border-width:1px;padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\">\n<p class=\"wp-block-paragraph\">This group has a 1px border and padding preset 1<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-53aab623 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20);padding-left:var(--wp--preset--spacing--20)\">\n<p class=\"wp-block-paragraph\">This group has padding preset 1<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-border-color has-black-border-color is-layout-constrained wp-container-core-group-is-layout-a892aba6 wp-block-group-is-layout-constrained\" style=\"border-width:1px;padding-top:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">\n<p class=\"wp-block-paragraph\">This group has a 1px border and padding preset 2<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-light-green-cyan-background-color has-background is-layout-constrained wp-container-core-group-is-layout-71df2e02 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)\">\n<p class=\"wp-block-paragraph\">This group has a background color and padding preset 3<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-light-green-cyan-background-color has-background is-layout-constrained wp-container-core-group-is-layout-efeefffe wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<p class=\"wp-block-paragraph\">This group has a background color and padding preset 4<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-light-green-cyan-background-color has-background is-layout-constrained wp-container-core-group-is-layout-e841bb77 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)\">\n<p class=\"wp-block-paragraph\">This group has a background color and padding preset 5<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-light-green-cyan-background-color has-background is-layout-constrained wp-container-core-group-is-layout-132a953d wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--70);padding-right:var(--wp--preset--spacing--70);padding-bottom:var(--wp--preset--spacing--70);padding-left:var(--wp--preset--spacing--70)\">\n<p class=\"wp-block-paragraph\">This group has a background color and padding preset 6<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-light-green-cyan-background-color has-background is-layout-constrained wp-container-core-group-is-layout-ad80a1eb wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--80)\">\n<p class=\"wp-block-paragraph\">This group has a background color and padding preset 7<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-ad80a1eb wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--80)\">\n<p class=\"wp-block-paragraph\">This group has padding preset 7<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-pale-pink-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--20);margin-bottom:var(--wp--preset--spacing--20)\">\n<p class=\"wp-block-paragraph\">This group has a background color and margin preset 1<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-pale-pink-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30)\">\n<p class=\"wp-block-paragraph\">This group has a background color and margin preset 2<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-pale-pink-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)\">\n<p class=\"wp-block-paragraph\">This group has a background color and margin preset 3<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-pale-pink-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--50);margin-bottom:var(--wp--preset--spacing--50)\">\n<p class=\"wp-block-paragraph\">This group has a background color and margin preset 4<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-pale-pink-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--60);margin-bottom:var(--wp--preset--spacing--60)\">\n<p class=\"wp-block-paragraph\">This group has a background color and margin preset 5<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-pale-pink-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--70);margin-bottom:var(--wp--preset--spacing--70)\">\n<p class=\"wp-block-paragraph\">This group has a background color and margin preset 6<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-pale-pink-background-color has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"margin-top:var(--wp--preset--spacing--80);margin-bottom:var(--wp--preset--spacing--80)\">\n<p class=\"wp-block-paragraph\">This group has a background color and margin preset 7<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group has-border-color has-black-border-color is-layout-constrained wp-container-core-group-is-layout-ba2ad161 wp-block-group-is-layout-constrained\" style=\"border-width:1px;padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<p class=\"wp-block-paragraph\">This group has a 1px border, padding preset 4 and margin preset 4<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-ba2ad161 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)\">\n<p class=\"wp-block-paragraph\">This group has padding preset 4 and margin preset 4<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>This test post was generated using the block theme Emptytheme in WordPress 6.1.1. On this page, some group blocks have border or background color set to increase visibility. This group has a no background color and no additional spacing set. This group has a background color but no additional spacing set. This group has a [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,7],"tags":[],"class_list":["post-150","post","type-post","status-publish","format-standard","hentry","category-6-1","category-block"],"_links":{"self":[{"href":"https:\/\/wpscreencast.com\/index.php?rest_route=\/wp\/v2\/posts\/150","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpscreencast.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpscreencast.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpscreencast.com\/index.php?rest_route=\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/wpscreencast.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=150"}],"version-history":[{"count":0,"href":"https:\/\/wpscreencast.com\/index.php?rest_route=\/wp\/v2\/posts\/150\/revisions"}],"wp:attachment":[{"href":"https:\/\/wpscreencast.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=150"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpscreencast.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=150"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpscreencast.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=150"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}