[wp-trac] [WordPress Trac] #45876: Twenty Nineteen: Dropcap appears higher than expected in Firefox

[WordPress Trac]

#45876: Twenty Nineteen: Dropcap appears higher than expected in Firefox
---------------------------+---------------------------------------
 Reporter:  kjellr         |      Owner:  (none)
     Type:  defect (bug)   |     Status:  new
 Priority:  normal         |  Milestone:  Awaiting Review
Component:  Bundled Theme  |    Version:  5.0.2
 Severity:  normal         |   Keywords:  needs-patch needs-testing
  Focuses:                 |
---------------------------+---------------------------------------
 As noted by @josephdickson, Firefox renders the dropcap text roughly 0.2em
 higher than in Chromium:

 [[Image(https://cldup.com/yGg0iA2a7b.thumb.jpg)]]

 @josephdickson proposed a possible solution:

 > With a little help from @electmikemann ( via Twitter) I found a solution
 that I'd like to propose for a future update.
 >
 > [[Image(https://cldup.com/gmQzbBPGcP-3000x3000.png)]]
 >
 > The @-moz prefix targets Firefox and is ignored by other browsers. I've
 tested it via the Customizer's Additional CSS box. Anyone can do the same
 for a quick fix.

 {{{
 @-moz-document url-prefix() {
         .entry .entry-content .has-drop-cap:not(:focus)::first-letter {
         margin-top: 0.2em;
         }
 }
 }}}


 ---

 This issue was migrated over from Twenty Nineteen's GitHub repository:

 https://github.com/WordPress/twentynineteen/issues/749

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/45876>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform