From 0715ee43f5167e8d48ddd6605ddb876f3b36a283 Mon Sep 17 00:00:00 2001 From: desrosj Date: Fri, 14 Dec 2018 02:55:39 +0000 Subject: [PATCH] Bundled Themes: Expand initial block editor support. A handful of items were missed when adding initial support for the new block editor to bundled themes in [43793]-[43800]. This adds support for those missed items. Props pento, davidakennedy, laurelfulford. Merges [43869], [43870], [43871], [43872], [43873], [43874], [43875], [43876] to trunk. Fixes #45238, #45239, #45240, #45242, #45243, #45244, #45245, #45246. Built from https://develop.svn.wordpress.org/trunk@44152 git-svn-id: http://core.svn.wordpress.org/trunk@43982 1a063a9b-81f0-0310-95a4-ce76da25c4cd --- css/blocks.css | 25 +++++++++++++++++++++++-- css/editor-blocks.css | 30 ++++++++++++++++++++++++------ 2 files changed, 47 insertions(+), 8 deletions(-) diff --git a/css/blocks.css b/css/blocks.css index b3e3efb78..f19748190 100644 --- a/css/blocks.css +++ b/css/blocks.css @@ -127,9 +127,10 @@ p.has-drop-cap:not(:focus)::first-letter { width: 100%; } -/* Cover Image */ +/* Cover */ -.wp-block-cover-image.aligncenter { +.wp-block-cover-image.aligncenter, +.wp-block-cover.aligncenter { display: flex; } @@ -296,10 +297,30 @@ pre.wp-block-code { border: 0; } +/* Media & Text */ + +.wp-block-media-text { + margin-bottom: 24px; + margin-bottom: 1.714285714rem; +} + +.wp-block-media-text *:last-child { + margin-bottom: 0; +} + /*-------------------------------------------------------------- 5.0 Blocks - Widgets --------------------------------------------------------------*/ +/* Archives, Categories & Latest Posts */ + +.wp-block-archives.aligncenter, +.wp-block-categories.aligncenter, +.wp-block-latest-posts.aligncenter { + list-style-position: inside; + text-align: center; +} + /* Latest Comments */ .wp-block-latest-comments { diff --git a/css/editor-blocks.css b/css/editor-blocks.css index fc3cf223f..7b40361ed 100644 --- a/css/editor-blocks.css +++ b/css/editor-blocks.css @@ -24,6 +24,10 @@ Description: Used to style Gutenberg Blocks in the editor. font-size: 14px; } +.editor-default-block-appender input[type="text"].editor-default-block-appender__content { + font-family: "Open Sans", Helvetica, Arial, sans-serif; +} + .edit-post-visual-editor .editor-block-list__block { color: #444; } @@ -70,10 +74,8 @@ Description: Used to style Gutenberg Blocks in the editor. /* Main column width */ -body.gutenberg-editor-page .edit-post-visual-editor .editor-post-title__block, -body.gutenberg-editor-page .edit-post-visual-editor .editor-default-block-appender, -body.gutenberg-editor-page .edit-post-visual-editor .editor-block-list__block { - max-width: 655px; +.wp-block { + max-width: 655px; /* 625px + 30px for padding */ } /* Link styles */ @@ -218,9 +220,10 @@ p.has-drop-cap:not(:focus)::first-letter { font-size: 18px; } -/* Cover Image */ +/* Cover */ -.edit-post-visual-editor .editor-block-list__block .wp-block-cover-image p { +.edit-post-visual-editor .editor-block-list__block .wp-block-cover-image p, +.edit-post-visual-editor .editor-block-list__block .wp-block-cover p { font-size: 28px; } @@ -359,11 +362,26 @@ p.has-drop-cap:not(:focus)::first-letter { margin-right: auto; } +/* Media & Text */ + +.wp-block-media-text *:last-child { + margin-bottom: 0; +} + /*-------------------------------------------------------------- 6.0 Blocks - Widgets --------------------------------------------------------------*/ +/* Archives, Categories & Latest Posts */ + +[data-align="center"] .wp-block-archives ul, +[data-align="center"] .wp-block-categories ul, +[data-align="center"] .wp-block-latest-posts ul { + list-style-position: inside; +} + /* Archives */ + .gutenberg ul.wp-block-archives { padding-left: 0; }