From 48eea2481cbf54e2ae2819d30a9e74f8cb0b45c1 Mon Sep 17 00:00:00 2001 From: ianbelanger Date: Wed, 17 Jun 2020 15:48:09 +0000 Subject: [PATCH] Bundled Themes: Twenty Nineteen horizontal rule is very narrow. Fixes the issue by adding specific styles for the `
` tag. Props laurelfulford, nielslange, kjellr, samful, leprincenoir. Fixes #45912. Built from https://develop.svn.wordpress.org/trunk@48073 git-svn-id: http://core.svn.wordpress.org/trunk@47840 1a063a9b-81f0-0310-95a4-ce76da25c4cd --- .../twentynineteen/sass/blocks/_blocks.scss | 5 +++++ .../themes/twentynineteen/style-rtl.css | 8 ++++++- wp-content/themes/twentynineteen/style.css | 21 ++++++++++++++++++- wp-includes/version.php | 2 +- 4 files changed, 33 insertions(+), 3 deletions(-) diff --git a/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss b/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss index a7f215c984..806df3a760 100644 --- a/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss +++ b/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss @@ -684,6 +684,11 @@ max-width: 2.25em; text-align: left; + &:not(.wp-block-separator) { + max-width: 100%; + @include postContentMaxWidth(); + } + &.is-style-wide { max-width: 100%; @include postContentMaxWidth(); diff --git a/wp-content/themes/twentynineteen/style-rtl.css b/wp-content/themes/twentynineteen/style-rtl.css index 248e790b47..2e4e3fdbd3 100644 --- a/wp-content/themes/twentynineteen/style-rtl.css +++ b/wp-content/themes/twentynineteen/style-rtl.css @@ -2958,7 +2958,7 @@ body.page .main-navigation { line-height: 1.2; text-shadow: none; padding: calc( .5 * 1rem) 1rem calc( .5 * 1rem) calc( 24px + 1rem); - white-space: nowrap; + max-width: 20rem; } .main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus, @@ -5639,6 +5639,12 @@ body.page .main-navigation { margin: 0 0 0 0.25em; } +@-moz-document url-prefix() { + .entry .entry-content .has-drop-cap:not(:focus)::first-letter { + margin-top: 0.2em; + } +} + .entry .entry-content .wp-block-pullquote { border-color: transparent; border-width: 2px; diff --git a/wp-content/themes/twentynineteen/style.css b/wp-content/themes/twentynineteen/style.css index dc99af1dd4..bef8d61169 100644 --- a/wp-content/themes/twentynineteen/style.css +++ b/wp-content/themes/twentynineteen/style.css @@ -5652,7 +5652,7 @@ body.page .main-navigation { } @-moz-document url-prefix() { - .entry .entry-content .has-drop-cap:not(:focus)::first-letter { + .entry .entry-content .has-drop-cap:not(:focus):first-letter { margin-top: 0.2em; } } @@ -6035,6 +6035,25 @@ body.page .main-navigation { * is followed by an H1, or H2 */ } +.entry .entry-content .wp-block-separator:not(.wp-block-separator), +.entry .entry-content hr:not(.wp-block-separator) { + max-width: 100%; +} + +@media only screen and (min-width: 768px) { + .entry .entry-content .wp-block-separator:not(.wp-block-separator), + .entry .entry-content hr:not(.wp-block-separator) { + max-width: calc(8 * (100vw / 12) - 28px); + } +} + +@media only screen and (min-width: 1168px) { + .entry .entry-content .wp-block-separator:not(.wp-block-separator), + .entry .entry-content hr:not(.wp-block-separator) { + max-width: calc(6 * (100vw / 12) - 28px); + } +} + .entry .entry-content .wp-block-separator.is-style-wide, .entry .entry-content hr.is-style-wide { max-width: 100%; diff --git a/wp-includes/version.php b/wp-includes/version.php index 36e428f981..c984c1867e 100644 --- a/wp-includes/version.php +++ b/wp-includes/version.php @@ -13,7 +13,7 @@ * * @global string $wp_version */ -$wp_version = '5.5-alpha-48072'; +$wp_version = '5.5-alpha-48073'; /** * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.