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

Timestamp:

04/15/2024 11:48:53 PM (2 years ago)

Author:

adamwood

Message:

wporg-support-2024: Update breadcrumb style

Style breadcrumbs to match wporg-mu-plugins breadcrumbs block.

Closes ​https://github.com/WordPress/wordpress.org/issues/216

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-support-2024/sass/site/_bbpress.scss (modified) (1 diff)

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

@@ -1177 +1177 @@
 div.bbp-breadcrumb {
         font-size: var(--wp--preset--font-size--small);
-        margin-bottom: 15px;
-        color: var(--wp--preset--color--charcoal-3);
+        margin: 0;
         float: none;
+        padding: 15px 0;
 
         p {
+                color: var(--wp--preset--color--charcoal-1);
+                position: relative;
+                max-width: 100%;
+                mask-image: linear-gradient(to right, #000 calc(100% - 60px), transparent);
                 margin: 0 !important;
+                overflow-x: auto;
+                text-overflow: clip;
+                white-space: nowrap;
+
+                &::after {
+                        content: "";
+                        display: inline-block;
+                        width: 60px;
+                }
+        }
+
+        a {
+                color: var(--wp--preset--color--charcoal-4);
+                text-decoration: none;
+
+                &:hover {
+                        text-decoration: underline;
+                }
+        }
+
+        .bbp-breadcrumb-sep {
+                margin: 0 10px;
+                color: var(--wp--preset--color--light-grey-1);
         }
 }