Changeset 51205 for trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-posts/_style.scss

Timestamp:

06/22/2021 08:13:46 PM (4 years ago)

Author:

ryelle

Message:

Bundled Themes: Improve display of blocks in widget areas.

Fixes minor styling issues, mostly font size and spacing, in blocks used in widget areas. Changes made to Twenty Ten, Twenty Thirteen, Twenty Fourteen, Twenty Sixteen, Twenty Seventeen, and Twenty Twenty-One.

Props noisysocks, sumaiyasiddika, danieldudzic, scruffian, jffng.
Fixes #53422.

File:

• trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-posts/_style.scss (modified) (2 diffs)

trunk/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/latest-posts/_style.scss

@@ -14 +14 @@
             margin-bottom: 0;
         }
+    }
+
+    .widget-area &:not(.is-grid) > li {
+        margin-top: 0;
+        margin-bottom: 0;
     }
 
@@ -64 +69 @@
         line-height: var(--global--line-height-heading);
         margin-bottom: calc(0.333 * var(--global--spacing-vertical));
+    }
+
+    .widget-area & > li > a {
+        font-size: var(--global--font-size-sm);
+        margin-bottom: 0;
     }