refactor: update link style

importantimport · Dec 12, 2023 · 6c74649 · 6c74649
1 parent e511057
commit 6c74649
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/src/styles.css b/src/styles.css
@@ -72,10 +72,12 @@ code[data-line-numbers] > [data-line]::before {
   --at-apply: inline-block w-4 mr-4 text-right;
 }
 
-.prose a:not(:has(h1, h2, h3, h4, h5, h6, [data-rehype-pretty-code-figure])),
-.prose a > [data-rehype-pretty-code-figure] > code > span {
-  color: var(--md-sys-color-primary);
-  text-decoration: none;
+section a:not(:has(h1, h2, h3, h4, h5, h6, [data-rehype-pretty-code-figure])),
+section a > [data-rehype-pretty-code-figure] > code > span {
+  text-decoration-line: underline;
+  text-decoration-color: var(--md-sys-color-on-primary-container);
+  text-decoration-thickness: 1px;
+  text-underline-offset: 0.125em;
   background: linear-gradient(
       0deg,
       var(--md-sys-color-on-primary-container),
@@ -93,8 +95,8 @@ code[data-line-numbers] > [data-line]::before {
   transition: background-size 400ms var(--md-sys-motion-easing-emphasized-decelerate);
 } */
 
-.prose a:hover,
-.prose a:hover > [data-rehype-pretty-code-figure] > code > span {
+a:hover,
+a:hover > [data-rehype-pretty-code-figure] > code > span {
   color: var(--md-sys-color-on-primary-container);
   background-position-x: left;
   background-size: 100% 0.125em;

diff --git a/uno.config.ts b/uno.config.ts
@@ -15,7 +15,7 @@ export default {
         },
         'a': {
           'text-decoration': 'none',
-          // color: 'var(--md-sys-color-on-surface)',
+          color: 'var(--md-sys-color-on-surface)',
         },
         // 'a:has(span[data-rehype-pretty-code-figure])': {
         //   'text-decoration': 'none',