From 6ce58a4bac51befa4c23a4d898db02c2f4815491 Mon Sep 17 00:00:00 2001
From: Ian Belanger <ianbelanger@git.wordpress.org>
Date: Wed, 17 Jun 2020 15:46:47 +0000
Subject: [PATCH] Bundled Themes: Twenty Nineteen horizontal rule is very
 narrow.

Fixes the issue by adding specific styles for the `<hr>` tag.

Props laurelfulford, nielslange, kjellr, samful, leprincenoir.
Fixes #45912.

git-svn-id: https://develop.svn.wordpress.org/trunk@48073 602fd350-edb4-49c9-b593-d223f7449a82
---
 .../twentynineteen/sass/blocks/_blocks.scss   |  5 +++++
 .../themes/twentynineteen/style-rtl.css       |  8 ++++++-
 .../themes/twentynineteen/style.css           | 21 ++++++++++++++++++-
 3 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss b/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss
index a7f215c984..806df3a760 100644
--- a/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss
+++ b/src/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/src/wp-content/themes/twentynineteen/style-rtl.css b/src/wp-content/themes/twentynineteen/style-rtl.css
index 248e790b47..2e4e3fdbd3 100644
--- a/src/wp-content/themes/twentynineteen/style-rtl.css
+++ b/src/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/src/wp-content/themes/twentynineteen/style.css b/src/wp-content/themes/twentynineteen/style.css
index dc99af1dd4..bef8d61169 100644
--- a/src/wp-content/themes/twentynineteen/style.css
+++ b/src/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%;