Changeset 13455 for sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support-2024/sass/site/_site.scss

Timestamp:

04/04/2024 11:13:50 PM (3 years ago)

Author:

adamwood

Message:

wporg-support-2024: Update sidebar layout

Move tags up and styles as pills
Style topics as cards
Sidebar width and font changes

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support-2024/sass/site/_site.scss (modified) (2 diffs)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support-2024/sass/site/_site.scss

@@ -294 +294 @@
                         margin-bottom: 0;
                         padding-left: unset;
-                }
-
-                ul > li {
-                        font-size: var(--wp--preset--font-size--small);
+
+                        &.topic-tags {
+                                display: flex;
+                                flex-wrap: wrap;
+                                gap: var(--wp--preset--spacing--10);
+                        }
+                }
+
+                ul:not(.topic-tags) > li {
+                        font-size: var(--wp--preset--font-size--normal);
                         border-top: 1px solid var(--wp--custom--color--border);
-                        padding: 0.5rem 0;
+                        padding: var(--wp--preset--spacing--10) 0;
+
+                        &:first-child {
+                                border-top: none;
+                        }
+
+                        &:last-child {
+                                border-bottom: none;
+                        }
                 }
         }
@@ -313 +327 @@
                         text-decoration: underline;
                 }
+        }
+
+        h4 {
+                font-weight: 400;
+                font-size: var(--wp--preset--font-size--normal);
+                margin-bottom: var(--wp--preset--spacing--10);
         }
 }