Changeset 48047

Timestamp:

06/15/2020 03:11:01 PM (4 years ago)

Author:

ianbelanger

Message:

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.

Location:

trunk/src/wp-content/themes/twentynineteen

Files:

• sass/blocks/_blocks.scss (modified) (1 diff)
• style-editor.css (modified) (1 diff)
• style-editor.scss (modified) (1 diff)
• style.css (modified) (1 diff)

trunk/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss

@@ -340 +340 @@
             font-weight: bold;
             margin: 0 0.25em 0 0;
+
+            @-moz-document url-prefix()  {
+                & {
+                    margin-top: 0.2em;
+                }
+            }
         }
     }

trunk/src/wp-content/themes/twentynineteen/style-editor.css

@@ -837 +837 @@
 }
 
+@-moz-document url-prefix() {
+  .wp-block-paragraph.has-drop-cap:not(:focus)::first-letter {
+    margin-top: 0.2em;
+  }
+}
+
 /** === Table === */
 .wp-block-table {

trunk/src/wp-content/themes/twentynineteen/style-editor.scss

@@ -237 +237 @@
         font-weight: bold;
         margin: 0 0.25em 0 0;
+
+        @-moz-document url-prefix()  {
+            & {
+                margin-top: 0.2em;
+            }
+        }
     }
 }

trunk/src/wp-content/themes/twentynineteen/style.css

@@ -5652 +5652 @@
 }
 
+@-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;