From 5b69998102cac091a22f21d73a41fe498d870216 Mon Sep 17 00:00:00 2001 From: Ian Belanger Date: Mon, 15 Jun 2020 15:11:01 +0000 Subject: [PATCH] Bundled Themes: Twenty Nineteen dropcap appears higher than expected in Firefox. Fixes the issue by adding moz specific top margin for the dropcap. Props kjellr, joseph.dickson, maxpertici, samful. Fixes #45876. git-svn-id: https://develop.svn.wordpress.org/trunk@48047 602fd350-edb4-49c9-b593-d223f7449a82 --- .../themes/twentynineteen/sass/blocks/_blocks.scss | 6 ++++++ src/wp-content/themes/twentynineteen/style-editor.css | 6 ++++++ src/wp-content/themes/twentynineteen/style-editor.scss | 6 ++++++ src/wp-content/themes/twentynineteen/style.css | 6 ++++++ 4 files changed, 24 insertions(+) diff --git a/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss b/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss index e4b31341fa..a7f215c984 100644 --- a/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss +++ b/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss @@ -339,6 +339,12 @@ line-height: 1; font-weight: bold; margin: 0 0.25em 0 0; + + @-moz-document url-prefix() { + & { + margin-top: 0.2em; + } + } } } diff --git a/src/wp-content/themes/twentynineteen/style-editor.css b/src/wp-content/themes/twentynineteen/style-editor.css index b1051e5bf6..4b79f5350b 100644 --- a/src/wp-content/themes/twentynineteen/style-editor.css +++ b/src/wp-content/themes/twentynineteen/style-editor.css @@ -836,6 +836,12 @@ figcaption, margin: 0 0.25em 0 0; } +@-moz-document url-prefix() { + .wp-block-paragraph.has-drop-cap:not(:focus)::first-letter { + margin-top: 0.2em; + } +} + /** === Table === */ .wp-block-table { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; diff --git a/src/wp-content/themes/twentynineteen/style-editor.scss b/src/wp-content/themes/twentynineteen/style-editor.scss index 921d0880de..58185578c9 100644 --- a/src/wp-content/themes/twentynineteen/style-editor.scss +++ b/src/wp-content/themes/twentynineteen/style-editor.scss @@ -236,6 +236,12 @@ figcaption, line-height: 1; font-weight: bold; margin: 0 0.25em 0 0; + + @-moz-document url-prefix() { + & { + margin-top: 0.2em; + } + } } } diff --git a/src/wp-content/themes/twentynineteen/style.css b/src/wp-content/themes/twentynineteen/style.css index 296f506d1e..dc99af1dd4 100644 --- a/src/wp-content/themes/twentynineteen/style.css +++ b/src/wp-content/themes/twentynineteen/style.css @@ -5651,6 +5651,12 @@ body.page .main-navigation { margin: 0 0.25em 0 0; } +@-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;