diff --git a/src/wp-content/themes/twentytwentytwo/style.css b/src/wp-content/themes/twentytwentytwo/style.css index 7692799f48a21..10157d118da21 100644 --- a/src/wp-content/themes/twentytwentytwo/style.css +++ b/src/wp-content/themes/twentytwentytwo/style.css @@ -83,55 +83,6 @@ a:active { opacity: 0.90; } -/* - * Alignment styles. - * These rules are temporary, and should not be relied on or - * modified too heavily by themes or plugins that build on - * Twenty Twenty-Two. These are meant to be a precursor to - * a global solution provided by the Block Editor. - * - * Relevant issues: - * https://github.com/WordPress/gutenberg/issues/35607 - * https://github.com/WordPress/gutenberg/issues/35884 - */ - -.wp-site-blocks, -body > .is-root-container, -.edit-post-visual-editor__post-title-wrapper, -.wp-block-group.alignfull, -.wp-block-group.has-background, -.wp-block-cover.alignfull, -.is-root-container .wp-block[data-align="full"] > .wp-block-group, -.is-root-container .wp-block[data-align="full"] > .wp-block-cover { - padding-left: var(--wp--custom--spacing--outer); - padding-right: var(--wp--custom--spacing--outer); -} - -.wp-site-blocks .alignfull, -.wp-site-blocks > .wp-block-group.has-background, -.wp-site-blocks > .wp-block-cover, -.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background, -.wp-site-blocks > .wp-block-template-part > .wp-block-cover, -body > .is-root-container > .wp-block-cover, -body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background, -body > .is-root-container > .wp-block-template-part > .wp-block-cover, -.is-root-container .wp-block[data-align="full"] { - margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important; - margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important; - width: unset; -} - -/* Blocks inside columns don't have negative margins. */ -.wp-site-blocks .wp-block-columns .wp-block-column .alignfull, -.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"], -/* We also want to avoid stacking negative margins. */ -.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull, -.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] { - margin-left: auto !important; - margin-right: auto !important; - width: inherit; -} - /* * Responsive menu container padding. * This ensures the responsive container inherits the same @@ -145,4 +96,3 @@ body > .is-root-container > .wp-block-template-part > .wp-block-cover, padding-right: var(--wp--custom--spacing--outer); padding-left: var(--wp--custom--spacing--outer); } - diff --git a/src/wp-content/themes/twentytwentytwo/theme.json b/src/wp-content/themes/twentytwentytwo/theme.json index fc2ce3f8e37db..a58fc1954656b 100644 --- a/src/wp-content/themes/twentytwentytwo/theme.json +++ b/src/wp-content/themes/twentytwentytwo/theme.json @@ -33,6 +33,7 @@ ], "settings": { "appearanceTools": true, + "useRootVariables": true, "color": { "duotone": [ { @@ -323,7 +324,13 @@ } }, "spacing": { - "blockGap": "1.5rem" + "blockGap": "1.5rem", + "padding": { + "top": "0", + "right": "var(--wp--custom--spacing--outer)", + "bottom": "0", + "left": "var(--wp--custom--spacing--outer)" + } }, "typography": { "fontFamily": "var(--wp--preset--font-family--system-font)",