Changeset 47820

Timestamp:

05/18/2020 07:50:22 PM (6 weeks ago)

Author:

ianbelanger

Message:

Bundled Themes: Twenty Twenty inconsistent top and bottom margins for .alignwide and .alignfull on Chrome vs Safari.

Fixes the inconsistent margins for alignwide and alignfull classes used on Cover Block when it is the first block on a page.

Props kthmd, utz119, nikhilbhansi.
Fixes #49435.

File:

• trunk/src/wp-content/themes/twentytwenty/style.css (modified) (3 diffs)

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

@@ -3531 +3531 @@
 }
 
+.post-inner .entry-content > .wp-block-cover.alignwide:first-child,
+.post-inner .entry-content > .wp-block-cover.alignfull:first-child {
+    margin-top: 0;
+}
+
 /* Font Families ----------------------------- */
 
@@ -5409 +5414 @@
     }
 
+    .entry-content > .alignwide:first-child,
+    .entry-content > .alignfull:first-child {
+        margin-bottom: 8rem;
+    }
+
     /* ENTRY MEDIA */
 
@@ -5918 +5928 @@
         margin-left: 0;
     }
-  
+
     .wp-block-image .aligncenter figcaption {
         text-align: center;