Changeset 45845 for branches/5.2/src/wp-content/themes/twentynineteen/style-editor.scss

Timestamp:

08/19/2019 04:45:12 AM (5 years ago)

Author:

SergeyBiryukov

Message:

Twenty Nineteen: Revise Latest Posts block styles to support post content options.

Props kjellr, ianbelanger.
Merges [45761] to the 5.2 branch.
Fixes #47340.

Location:

branches/5.2

Files:

• . (modified) (1 prop)
• src/wp-content/themes/twentynineteen/style-editor.scss (modified) (3 diffs)

branches/5.2/src/wp-content/themes/twentynineteen/style-editor.scss

@@ -626 +626 @@
 
     li {
-        color: $color__text-light;
-        @include font-family( $font__heading );
-        font-size: calc(#{$font__size_base} * #{$font__size-ratio});
-        font-weight: bold;
-        line-height: $font__line-height-heading;
-        padding-bottom: ( .75 * $size__spacing-unit );
-
-        &.menu-item-has-children,
-        &:last-child {
-            padding-bottom: 0;
-        }
-
-        a {
+
+        > a {
+            @include font-family( $font__heading );
+            font-size: calc(#{$font__size_base} * #{$font__size-ratio});
+            font-weight: bold;
+            line-height: $font__line-height-heading;
             text-decoration: none;
         }
@@ -663 +656 @@
 }
 
-/** === Latest Posts grid view === */
-.wp-block-latest-posts.is-grid {
+/** === Latest Posts === */
+.wp-block-latest-posts {
+
+    .wp-block-latest-posts__post-date {
+        @include font-family( $font__heading );
+        font-size: $font__size-xs;
+        color: $color__text-light;
+        line-height: 1.2;
+    }
+
+    .wp-block-latest-posts__post-full-content,
+    .wp-block-latest-posts__post-excerpt {
+        margin-top: $font__size_base;
+        margin-bottom: $font__size_base;
+
+        > div > p:first-child {
+            margin-top: $font__size_base;
+        }
+    }
+
+    li {
+        padding-bottom: ( .5 * $size__spacing-unit );
+
+        &.menu-item-has-children,
+        &:last-child {
+            padding-bottom: 0;
+        }
+
+        :not(:last-child) .wp-block-latest-posts__post-excerpt {
+            padding-bottom: ( .5 * $size__spacing-unit );
+        }
+    }
+
+    &.is-grid {
         li {
             border-top: 2px solid $color__border;
@@ -682 +707 @@
         }
     }
+}
 
 /** === Latest Comments === */