@conduction/docusaurus-preset 3.15.1 → 3.15.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@conduction/docusaurus-preset",
-  "version": "3.15.1",
+  "version": "3.15.3",
   "scripts": {
     "prepack": "node scripts/prepack-bundle-css.js"
   },

package/src/css/brand.css

@@ -315,25 +315,30 @@ a:not(.navbar__link):not(.footer__link-item):not(.button):hover {
    Heading anchor hash glyphs.
 
    Docusaurus auto-generates a hidden `<a class="hash-link">#</a>`
-   inside every h2-h6 so readers can copy a deep link. Default
-   Infima styling renders the glyph in the primary brand colour
-   (cobalt) which is fine for the visible state, but the affordance
-   reads stronger when the hash itself lights up in KNVB orange
-   the moment the cursor touches it.
-
-   We render the glyph in cobalt-300 by default (visible-on-hover
-   of the heading, via the theme's anchorWithStickyNavbar rule)
-   and flip it to var(--c-orange-knvb) the moment the user hovers
-   or focuses the hash itself.
+   inside every h2-h6 so readers can copy a deep link. The default
+   theme keeps the glyph invisible until the heading is hovered
+   (theme/MDXComponents/Heading), which is the affordance we want.
+
+   Branding: the glyph should always render in KNVB orange — never
+   cobalt, never underlined. Hover/focus on the hash itself keeps
+   the same orange (no second hover colour) so the visual stays
+   stable once the hash is on-screen.
    ============================================================ */
-.hash-link {
-  color: var(--c-cobalt-300);
-  transition: color 120ms ease;
-}
+/* `!important` survives the cssnano `mergeRules` pass at build time —
+   without it the bare `.hash-link` selector gets dropped from the
+   comma list when cssnano merges nearby `.hash-link {opacity:0; ...}`
+   rules from Docusaurus, leaving only the pseudo-class variants
+   orange and the default-state hash inheriting cobalt from the
+   surrounding heading. */
+.hash-link,
 .hash-link:hover,
-.hash-link:focus-visible {
-  color: var(--c-orange-knvb);
-  text-decoration: none;
+.hash-link:focus,
+.hash-link:focus-visible,
+.hash-link:active,
+.hash-link:visited {
+  color: var(--c-orange-knvb) !important;
+  text-decoration: none !important;
+  border-bottom: 0 !important;
 }
 
 /* ============================================================