Add convenience classes for inline code and links (#92)

* Add convenience classes for inline code and links * Add accent link
oxidecomputer · Dec 2, 2024 · 36e29f3 · 36e29f3
1 parent c86b047
commit 36e29f3
Showing 1 changed file with 8 additions and 15 deletions.
diff --git a/components/src/assets/asciidoc.css b/components/src/assets/asciidoc.css
@@ -7,6 +7,12 @@
  */
 
 @layer components {
+  .accent-link {
+    @apply text-accent-secondary hover:text-accent;
+    text-decoration: underline;
+    text-decoration-color: var(--content-accent-tertiary);
+  }
+
   .asciidoc-body .line-through {
     text-decoration: line-through;
   }
@@ -278,8 +284,8 @@
   .asciidoc-body h3 code,
   .asciidoc-body h4 code,
   .asciidoc-body h5 code,
-  .asciidoc-body table code {
-    @apply text-secondary;
+  .asciidoc-body table code .inline-code {
+    @apply text-[0.825rem] text-secondary;
     @apply ml-[1px] mr-[1px] rounded border px-[4px] py-[1px] align-[1px] bg-raise border-secondary;
   }
 
@@ -300,19 +306,6 @@
     @apply overflow-x-auto !text-[13px] text-mono-code;
   }
 
-  .asciidoc-body h1 code,
-  .asciidoc-body h2 code,
-  .asciidoc-body h3 code,
-  .asciidoc-body h4 code,
-  .asciidoc-body h5 code {
-    @apply text-[0.825em];
-  }
-
-  .asciidoc-body .paragraph > code,
-  .asciidoc-body p code {
-    @apply text-[0.825rem];
-  }
-
   .asciidoc-body code {
     font-feature-settings: 'calt' 0;
   }