Changeset 45845 for branches/5.2/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.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/sass/blocks/_blocks.scss (modified) (2 diffs)

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

@@ -229 +229 @@
         list-style: none;
 
-        li {
-            color: $color__text-light;
+        li > a {
             @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 );
+            text-decoration: none;
+        }
+    }
+
+    .wp-block-archives,
+    .wp-block-categories {
+
+        &.aligncenter {
+            text-align: center;
+        }
+    }
+
+    //! Latest categories
+    .wp-block-categories {
+
+        ul {
+            padding-top: ( .75 * $size__spacing-unit );
+        }
+
+        li ul {
+            list-style: none;
+            padding-left: 0;
+        }
+
+        @include nestedSubMenuPadding();
+    }
+
+    //! 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: $size__spacing-unit;
+            margin-bottom: $size__spacing-unit;
+        }
+
+        li {
+            padding-bottom: ( .5 * $size__spacing-unit );
 
             &.menu-item-has-children,
@@ -242 +285 @@
             }
 
-            a {
-                text-decoration: none;
-            }
-        }
-    }
-
-    .wp-block-archives,
-    .wp-block-categories {
-
-        &.aligncenter {
-            text-align: center;
-        }
-    }
-
-    //! Latest categories
-    .wp-block-categories {
-
-        ul {
-            padding-top: ( .75 * $size__spacing-unit );
-        }
-
-        li ul {
-            list-style: none;
-            padding-left: 0;
-        }
-
-        @include nestedSubMenuPadding();
-    }
-
-    //! Latest posts grid view
-    .wp-block-latest-posts.is-grid {
-        li {
+            :not(:last-child) .wp-block-latest-posts__post-excerpt {
+                padding-bottom: ( .5 * $size__spacing-unit );
+            }
+        }
+
+        &.is-grid li {
             border-top: 2px solid $color__border;
             padding-top: (1 * $size__spacing-unit);