diff --git a/varia/sass/blocks/_editor.scss b/varia/sass/blocks/_editor.scss index e84b85f1f7..9ceb5bf911 100644 --- a/varia/sass/blocks/_editor.scss +++ b/varia/sass/blocks/_editor.scss @@ -11,6 +11,7 @@ @import "code/editor"; @import "cover/editor"; @import "heading/editor"; +@import "image/editor"; @import "gallery/editor"; @import "group/editor"; @import "latest-comments/editor"; diff --git a/varia/sass/blocks/image/_editor.scss b/varia/sass/blocks/image/_editor.scss index e69de29bb2..f0b6cd81ab 100644 --- a/varia/sass/blocks/image/_editor.scss +++ b/varia/sass/blocks/image/_editor.scss @@ -0,0 +1,9 @@ +/* Center image block by default in the editor */ + +.wp-block-image > div { + text-align: center; +} + +[data-type="core/image"] .block-editor-block-list__block-edit figure.is-resized { + margin:0 auto; +} diff --git a/varia/sass/blocks/image/_style.scss b/varia/sass/blocks/image/_style.scss index 57eb9b25dc..571ff36538 100644 --- a/varia/sass/blocks/image/_style.scss +++ b/varia/sass/blocks/image/_style.scss @@ -1,4 +1,5 @@ .wp-block-image { + text-align: center; figcaption { color: #{map-deep-get($config-global, "color", "foreground", "light")}; diff --git a/varia/style-editor.css b/varia/style-editor.css index 9dceb600df..535a396049 100644 --- a/varia/style-editor.css +++ b/varia/style-editor.css @@ -396,6 +396,15 @@ object { line-height: 1.125; } +/* Center image block by default in the editor */ +.wp-block-image > div { + text-align: center; +} + +[data-type="core/image"] .block-editor-block-list__block-edit figure.is-resized { + margin: 0 auto; +} + .wp-block-gallery figcaption { margin-bottom: 0; } diff --git a/varia/style-rtl.css b/varia/style-rtl.css index 9361503c0f..c6d7460d8e 100644 --- a/varia/style-rtl.css +++ b/varia/style-rtl.css @@ -1423,6 +1423,10 @@ h6, .h6 { line-height: 1.125; } +.wp-block-image { + text-align: center; +} + .wp-block-image figcaption { color: #767676; font-size: 0.69444rem; diff --git a/varia/style.css b/varia/style.css index 46e8292ac9..a9f3aada66 100644 --- a/varia/style.css +++ b/varia/style.css @@ -1423,6 +1423,10 @@ h6, .h6 { line-height: 1.125; } +.wp-block-image { + text-align: center; +} + .wp-block-image figcaption { color: #767676; font-size: 0.69444rem;