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:
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user