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 (15 months 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);
     }
 }