liveline: match benji.org inline code style with ::before background pill

Inline code now uses a subtle rgba(0,0,0,0.04) background pill via a ::before
pseudo-element with absolute inset and 4px border-radius, matching
benji.org/liveline exactly. Dark mode uses rgba(255,255,255,0.08).
Moved styles from inline to CSS class .ll-inline-code.
This commit is contained in:
Tommy D. Rossi
2026-02-20 11:52:07 +01:00
parent 1fb714a247
commit 8511d17ed7
2 changed files with 78 additions and 54 deletions
+1 -10
View File
@@ -382,16 +382,7 @@ function CodeBlock({ children, lang = "jsx" }: { children: string; lang?: string
function InlineCode({ children }: { children: React.ReactNode }) {
return (
<code
style={{
fontFamily: "var(--ll-font-code)",
fontSize: "12.25px",
fontWeight: 475,
lineHeight: "12.25px",
letterSpacing: "-0.09px",
padding: "0 4px",
}}
>
<code className="ll-inline-code">
{children}
</code>
);