mirror of
https://github.com/jakejarvis/jarv.is.git
synced 2025-09-18 12:45:32 -04:00
Migrate to app router (#2254)
This commit is contained in:
11
components/CodeInline/CodeInline.module.css
Normal file
11
components/CodeInline/CodeInline.module.css
Normal file
@@ -0,0 +1,11 @@
|
||||
.codeInline {
|
||||
padding: 0.175em 0.3em;
|
||||
font-size: 0.925em;
|
||||
page-break-inside: avoid;
|
||||
background-color: var(--colors-codeBackground);
|
||||
border: 1px solid var(--colors-kindaLight);
|
||||
border-radius: var(--radii-corner);
|
||||
transition:
|
||||
background var(--transitions-fade),
|
||||
border var(--transitions-fade);
|
||||
}
|
@@ -1,10 +1,10 @@
|
||||
import Code from "../Code";
|
||||
import { styled } from "../../lib/styles/stitches.config";
|
||||
import clsx from "clsx";
|
||||
import type { ComponentPropsWithoutRef } from "react";
|
||||
|
||||
const CodeInline = styled(Code, {
|
||||
padding: "0.175em 0.3em",
|
||||
fontSize: "0.925em",
|
||||
pageBreakInside: "avoid",
|
||||
});
|
||||
import styles from "./CodeInline.module.css";
|
||||
|
||||
const CodeInline = ({ className, ...rest }: ComponentPropsWithoutRef<"code">) => (
|
||||
<code className={clsx(styles.codeInline, className)} {...rest} />
|
||||
);
|
||||
|
||||
export default CodeInline;
|
||||
|
Reference in New Issue
Block a user