From 6be371b4ec8eda03487356766dcebbd859579838 Mon Sep 17 00:00:00 2001 From: Jb Audras Date: Thu, 8 Sep 2022 23:55:36 +0000 Subject: [PATCH] Twenty Fifteen: Increase the font size used for `h5` headings. This changeset ensures `h5` and `h5` heading levels don't use the same font size. Follow-up to [29892]. Props poena, akabarikalpesh, hellofromTonya, afrid1719, aezazshekh, sabernhardt, anitanenova, viralsampat, alansyue, pratiweb, russel07. Fixes #52028. git-svn-id: https://develop.svn.wordpress.org/trunk@54109 602fd350-edb4-49c9-b593-d223f7449a82 --- .../twentyfifteen/css/editor-blocks.css | 37 +++++++++-- .../themes/twentyfifteen/css/editor-style.css | 8 ++- .../themes/twentyfifteen/css/ie.css | 12 +++- src/wp-content/themes/twentyfifteen/style.css | 65 ++++++++++++++----- 4 files changed, 97 insertions(+), 25 deletions(-) diff --git a/src/wp-content/themes/twentyfifteen/css/editor-blocks.css b/src/wp-content/themes/twentyfifteen/css/editor-blocks.css index 0fe10caea0..72e20fb75d 100644 --- a/src/wp-content/themes/twentyfifteen/css/editor-blocks.css +++ b/src/wp-content/themes/twentyfifteen/css/editor-blocks.css @@ -121,10 +121,15 @@ Description: Used to style blocks in the editor. .edit-post-visual-editor .editor-block-list__block h4 { font-size: 20px; line-height: 1.4; - padding: .7em 0 0.35em; + padding: 0.7em 0 0.35em; + } + + .edit-post-visual-editor .editor-block-list__block h5 { + font-size: 18px; + line-height: 1.3333; + padding: 1.3em 0 0.65em; } - .edit-post-visual-editor .editor-block-list__block h5, .edit-post-visual-editor .editor-block-list__block h6 { font-size: 17px; line-height: 1.2353; @@ -169,7 +174,12 @@ Description: Used to style blocks in the editor. padding: 0.75em 0 0.35em; } - .edit-post-visual-editor .editor-block-list__block h5, + .edit-post-visual-editor .editor-block-list__block h5 { + font-size: 20px; + line-height: 1.4; + padding: 0.7em 0 0.35em; + } + .edit-post-visual-editor .editor-block-list__block h6 { font-size: 19px; line-height: 1.2632; @@ -214,7 +224,12 @@ Description: Used to style blocks in the editor. padding: 0.65em 0 0.3em; } - .edit-post-visual-editor .editor-block-list__block h5, + .edit-post-visual-editor .editor-block-list__block h5 { + font-size: 16px; + line-height: 1.25; + padding: 0.875em 0 0.4375em; + } + .edit-post-visual-editor .editor-block-list__block h6 { font-size: 15px; line-height: 1.2; @@ -259,7 +274,12 @@ Description: Used to style blocks in the editor. padding: 0.7em 0 0.35em; } - .edit-post-visual-editor .editor-block-list__block h5, + .edit-post-visual-editor .editor-block-list__block h5 { + font-size: 18px; + line-height: 1.3333; + padding: 0.65em 0 0.3em; + } + .edit-post-visual-editor .editor-block-list__block h6 { font-size: 17px; line-height: 1.2353; @@ -292,7 +312,12 @@ Description: Used to style blocks in the editor. padding: 0.75em 0 0.35em; } - .edit-post-visual-editor .editor-block-list__block h5, + .edit-post-visual-editor .editor-block-list__block h5 { + font-size: 20px; + line-height: 1.4; + padding: 0.7em 0 0.35em; + } + .edit-post-visual-editor .editor-block-list__block h6 { font-size: 19px; line-height: 1.2632; diff --git a/src/wp-content/themes/twentyfifteen/css/editor-style.css b/src/wp-content/themes/twentyfifteen/css/editor-style.css index b2660b1ea8..16d4e93592 100644 --- a/src/wp-content/themes/twentyfifteen/css/editor-style.css +++ b/src/wp-content/themes/twentyfifteen/css/editor-style.css @@ -69,7 +69,13 @@ h4 { line-height: 1.4; } -h5, +h5 { + font-size: 18px; + letter-spacing: 0.1em; + line-height: 1.3333; + text-transform: uppercase; +} + h6 { font-size: 17px; letter-spacing: 0.1em; diff --git a/src/wp-content/themes/twentyfifteen/css/ie.css b/src/wp-content/themes/twentyfifteen/css/ie.css index 74ead6a51b..f9f74bb55c 100644 --- a/src/wp-content/themes/twentyfifteen/css/ie.css +++ b/src/wp-content/themes/twentyfifteen/css/ie.css @@ -510,12 +510,18 @@ img.aligncenter { } .entry-content h5, -.entry-content h6, .entry-summary h5, -.entry-summary h6, .page-content h5, +.comment-content h5 { + font-size: 20px; + line-height: 1.4; + margin-top: 2.8em; + margin-bottom: 1.4em; +} + +.entry-content h6, +.entry-summary h6, .page-content h6, -.comment-content h5, .comment-content h6 { font-size: 19px; line-height: 1.2632; diff --git a/src/wp-content/themes/twentyfifteen/style.css b/src/wp-content/themes/twentyfifteen/style.css index 04b0c5d33c..ab5dd01e71 100644 --- a/src/wp-content/themes/twentyfifteen/style.css +++ b/src/wp-content/themes/twentyfifteen/style.css @@ -3374,12 +3374,19 @@ p > video { } .entry-content h5, - .entry-content h6, .entry-summary h5, - .entry-summary h6, .page-content h5, + .comment-content h5 { + font-size: 18px; + font-size: 1.8rem; + line-height: 1.3333; + margin-top: 2.6667em; + margin-bottom: 1.3333em; + } + + .entry-content h6, + .entry-summary h6, .page-content h6, - .comment-content h5, .comment-content h6 { font-size: 17px; font-size: 1.7rem; @@ -3948,12 +3955,19 @@ p > video { } .entry-content h5, - .entry-content h6, .entry-summary h5, - .entry-summary h6, .page-content h5, + .comment-content h5 { + font-size: 20px; + font-size: 2rem; + line-height: 1.4; + margin-top: 2.8em; + margin-bottom: 1.4em; + } + + .entry-content h6, + .entry-summary h6, .page-content h6, - .comment-content h5, .comment-content h6 { font-size: 19px; font-size: 1.9rem; @@ -4621,12 +4635,19 @@ p > video { } .entry-content h5, - .entry-content h6, .entry-summary h5, - .entry-summary h6, .page-content h5, + .comment-content h5 { + font-size: 16px; + font-size: 1.6rem; + line-height: 1.25; + margin-top: 3.25em; + margin-bottom: 1.625em; + } + + .entry-content h6, + .entry-summary h6, .page-content h6, - .comment-content h5, .comment-content h6 { font-size: 15px; font-size: 1.5rem; @@ -5204,12 +5225,19 @@ p > video { } .entry-content h5, - .entry-content h6, .entry-summary h5, - .entry-summary h6, .page-content h5, + .comment-content h5 { + font-size: 18px; + font-size: 1.8rem; + line-height: 1.3333; + margin-top: 2.6667em; + margin-bottom: 1.3333em; + } + + .entry-content h6, + .entry-summary h6, .page-content h6, - .comment-content h5, .comment-content h6 { font-size: 17px; font-size: 1.7rem; @@ -5759,12 +5787,19 @@ p > video { } .entry-content h5, - .entry-content h6, .entry-summary h5, - .entry-summary h6, .page-content h5, + .comment-content h5 { + font-size: 20px; + font-size: 2rem; + line-height: 1.4; + margin-top: 2.8em; + margin-bottom: 1.4em; + } + + .entry-content h6, + .entry-summary h6, .page-content h6, - .comment-content h5, .comment-content h6 { font-size: 19px; font-size: 1.9rem;