Skip to content

Commit

Permalink
Revert "Alignment styles: Centre blocks using grid not margins (#32231)…
Browse files Browse the repository at this point in the history
…" (#32312)

This reverts commit fb7cb48.
  • Loading branch information
aristath authored May 28, 2021
1 parent 7fbe674 commit 12a6e4b
Show file tree
Hide file tree
Showing 2 changed files with 5 additions and 14 deletions.
10 changes: 3 additions & 7 deletions lib/block-supports/layout.php
Original file line number Diff line number Diff line change
Expand Up @@ -63,14 +63,10 @@ function gutenberg_render_layout_support_flag( $block_content, $block ) {

$style = '';
if ( $content_size || $wide_size ) {

$style = ".wp-container-$id { display: grid; }";

$style .= ".wp-container-$id > * {";
$style .= 'box-sizing: border-box;';
$style .= 'justify-self: center;';
$style = ".wp-container-$id > * {";
$style .= 'max-width: ' . esc_html( $all_max_width_value ) . ';';
$style .= 'width: 100%;';
$style .= 'margin-left: auto !important;';
$style .= 'margin-right: auto !important;';
$style .= '}';

$style .= ".wp-container-$id > .alignwide { max-width: " . esc_html( $wide_max_width_value ) . ';}';
Expand Down
9 changes: 2 additions & 7 deletions packages/block-editor/src/components/block-list/layout.js
Original file line number Diff line number Diff line change
Expand Up @@ -41,15 +41,10 @@ export function LayoutStyle( { selector, layout = {} } ) {
let style =
!! contentSize || !! wideSize
? `
${ selector } {
display: grid;
}
${ appendSelectors( selector, '> *' ) } {
box-sizing: border-box;
justify-self: center;
width: 100%;
max-width: ${ contentSize ?? wideSize };
margin-left: auto !important;
margin-right: auto !important;
}
${ appendSelectors( selector, '> [data-align="wide"]' ) } {
Expand Down

0 comments on commit 12a6e4b

Please sign in to comment.