Changeset 58464 for trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-comments/_editor.scss

Timestamp:

06/23/2024 02:36:37 PM (6 months ago)

Author:

karmatosed

Message:

Twenty Twenty-One: Fixes font size difference in latest comments block.

The font size was different in the last comments block depending on if it was in the editor or front. This resolves that by checking block for special font size before applying default and using inherit for nested elements.

Props pitamdey, sabernhardt.
Fixes #61082.

File:

• trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-comments/_editor.scss (modified) (1 diff)

trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-comments/_editor.scss

@@ -1 +1 @@
 .wp-block-latest-comments {
     padding-left: 0;
+
+    &:where(:not([class*="-font-size"]):not([style*="font-size"])) .wp-block-latest-comments__comment {
+        font-size: var(--global--font-size-sm);
+    }
+
+    .wp-block-latest-comments__comment {
+        line-height: var(--global--line-height-body);
+
+        /* Vertical margins logic */
+        margin-top: var(--global--spacing-vertical);
+        margin-bottom: var(--global--spacing-vertical);
+
+        &:first-child {
+            margin-top: 0;
+        }
+
+        &:last-child {
+            margin-bottom: 0;
+        }
+    }
+
+    .wp-block-latest-comments__comment-meta {
+        font-family: var(--heading--font-family);
+    }
+
+    .wp-block-latest-comments__comment-date {
+        color: inherit;
+        font-size: inherit;
+    }
+
+    .wp-block-latest-comments__comment-excerpt p {
+        font-size: inherit;
+        line-height: var(--global--line-height-body);
+        margin: 0;
+    }
 }