this repo has no description
brighten code
+11
-6
+11
-6
src/components/typography.tsx
+11
-6
src/components/typography.tsx
···
12
12
let style;
13
13
switch (level) {
14
14
case "h1":
15
-
style =
16
-
"text-4xl lg:text-5xl";
15
+
style = "text-4xl lg:text-5xl";
17
16
break;
18
17
case "h2":
19
-
style =
20
-
"border-b pb-2 text-3xl";
18
+
style = "border-b pb-2 text-3xl";
21
19
break;
22
20
case "h3":
23
21
style = "text-2xl";
···
34
32
}
35
33
36
34
return (
37
-
<Tag className={cx("font-serif font-bold italic text-balance tracking-tight scroll-m-20 uppercase mt-8 [&>code]:text-[length:inherit] first:mt-0", style, className)} {...props} />
35
+
<Tag
36
+
className={cx(
37
+
"font-serif font-bold italic text-balance tracking-tight scroll-m-20 uppercase mt-8 [&>code]:text-[length:inherit] first:mt-0",
38
+
style,
39
+
className,
40
+
)}
41
+
{...props}
42
+
/>
38
43
);
39
44
}
40
45
···
49
54
return (
50
55
<code
51
56
className={cx(
52
-
"font-mono normal-case relative rounded px-[0.3rem] py-[0.2rem] bg-slate-100 text-sm dark:bg-slate-800 dark:text-slate-400",
57
+
"font-mono normal-case relative rounded px-[0.3rem] py-[0.2rem] bg-slate-100 text-sm dark:bg-slate-800 dark:text-slate-100",
53
58
className,
54
59
)}
55
60
{...props}