style(storybook): mark a with code

digdir · Mar 7, 2025 · e61990d · e61990d
1 parent f6b5936
commit e61990d
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/apps/storybook/.storybook/style.css b/apps/storybook/.storybook/style.css
@@ -5,3 +5,23 @@
 html {
   font-family: 'Inter', sans-serif;
 }
+
+a > code {
+  text-decoration-line: underline;
+  text-decoration-style: solid;
+  text-decoration-thickness: 0.0625em;
+  text-underline-offset: 0.27em; /* 5px ish */
+
+  /* Only use hover for non-touch devices to prevent sticky-hovering */
+  @media (hover: hover) and (pointer: fine) {
+    &:hover {
+      color: var(--ds-color-text-default);
+      text-decoration-thickness: 0.125em;
+    }
+  }
+
+  &:active {
+    background-color: var(--ds-color-surface-tinted) !important;
+    color: var(--ds-color-text-default) !important;
+  }
+}