From ef1c14f63c0bfd8a01c7b52aa32bc4cdb0f24273 Mon Sep 17 00:00:00 2001 From: jasmussen Date: Tue, 12 May 2020 14:25:43 +0200 Subject: [PATCH] Move the override to editor-styles. --- .../block-editor/src/components/block-list/style.scss | 9 --------- packages/editor/src/editor-styles.scss | 7 +++++++ 2 files changed, 7 insertions(+), 9 deletions(-) diff --git a/packages/block-editor/src/components/block-list/style.scss b/packages/block-editor/src/components/block-list/style.scss index 159986c5b21e28..258919c97d4e1d 100644 --- a/packages/block-editor/src/components/block-list/style.scss +++ b/packages/block-editor/src/components/block-list/style.scss @@ -600,12 +600,3 @@ .is-dragging-components-draggable .components-tooltip { display: none; } - -// The editor-styles.scss file adds 10px padding all around the canvas, to ensure blocks aren't edge to edge on mobile. -// For full-wide blocks, we compensate for these 10px. -.block-editor-block-list__layout.is-root-container { - > .wp-block[data-align="full"] { - margin-left: -10px; - margin-right: -10px; - } -} diff --git a/packages/editor/src/editor-styles.scss b/packages/editor/src/editor-styles.scss index a3b995d7728049..e1816676c72494 100644 --- a/packages/editor/src/editor-styles.scss +++ b/packages/editor/src/editor-styles.scss @@ -16,6 +16,13 @@ body { padding: 10px; } +// For full-wide blocks, we compensate for these 10px. +.block-editor-block-list__layout.is-root-container > .wp-block[data-align="full"] { + margin-left: -10px; + margin-right: -10px; +} + + /* Headings */ // These follow a Major Third type scale // https://type-scale.com/?size=16&scale=1.250&text=A%20Visual%20Type%20Scale&font=Noto%20Serif&fontweight=600