From 84ca5eeed50850d79708d2395fbcd047d16bb6bb Mon Sep 17 00:00:00 2001
From: Danielle De Leo <d.deleo@f5.com>
Date: Wed, 30 Apr 2025 14:46:20 -0400
Subject: [PATCH] Style: Add styling to linked inline code blocks

Note: leaving the transition commented out here because it causes
a noticeable FOUC. Will need to find another solution.
---
 assets/css/v2/style.css | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/assets/css/v2/style.css b/assets/css/v2/style.css
index edd643a..437bf24 100644
--- a/assets/css/v2/style.css
+++ b/assets/css/v2/style.css
@@ -1508,12 +1508,29 @@ code {
 /* Inline Code */
 code:not(pre code) {
   border: solid 1px #ccc;
-  border-radius: 4px;
+  border-radius: 0.25rem;
   padding: 0 0.25rem;
   background-color: #f9f9f9;
   font-size: 0.875rem;
 }
 
+/* Inline Code (link) */
+a code:not(pre code) {
+  border: solid 1px oklch(var(--color-brand) / 0.3);
+  border-bottom: solid 2px oklch(var(--color-brand) / 0.3);
+
+  /* transition: border 0.15s ease-in-out; */
+}
+
+a code:not(pre code):hover {
+  border: solid 1px oklch(var(--color-brand) / 0.8);
+  border-bottom: solid 2px oklch(var(--color-brand) / 0.8);
+}
+
+a:has(code:not(pre code)) {
+  text-decoration: none;
+}
+
 .highlight {
   padding: 0 1rem 0 1rem;
   position: relative;