mirror of
https://github.com/ramvignesh-b/pi-ku.git
synced 2026-05-04 08:56:52 +00:00
refactor: scope knewave font to Logo
This commit is contained in:
@@ -2,13 +2,15 @@ import { DotIcon } from "@phosphor-icons/react"
|
|||||||
import "@fontsource/knewave"
|
import "@fontsource/knewave"
|
||||||
|
|
||||||
export default function Logo() {
|
export default function Logo() {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="flex items-baseline leading-none align-baseline">
|
<span
|
||||||
<span className="text-2xl font-light font-logo text-accent"> Pi</span>
|
className="inline-flex items-baseline justify-center leading-none select-none"
|
||||||
<DotIcon weight="fill" size={12} className="text-accent translate-y-px" />
|
style={{ fontFamily: "'Knewave', serif" }}
|
||||||
<span className="text-2xl font-light font-logo text-accent ml-0.5">Ku</span>
|
>
|
||||||
<DotIcon weight="fill" size={12} className="text-accent translate-y-px" />
|
<span className="text-2xl font-light text-accent">Pi</span>
|
||||||
</div>
|
<DotIcon weight="fill" size={12} className="text-accent translate-y-[0.3em] -mx-px" />
|
||||||
|
<span className="text-2xl font-light text-accent">Ku</span>
|
||||||
|
<DotIcon weight="fill" size={12} className="text-accent translate-y-[0.3em] -mx-px" />
|
||||||
|
</span>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -37,7 +37,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@theme {
|
@theme {
|
||||||
--font-logo: "Knewave", system-ui;
|
|
||||||
--font-display: "Playwrite HR Lijeva Variable", cursive;
|
--font-display: "Playwrite HR Lijeva Variable", cursive;
|
||||||
--font-sans: "Jost Variable", sans-serif;
|
--font-sans: "Jost Variable", sans-serif;
|
||||||
--font-serif: "Playfair Display Variable", serif;
|
--font-serif: "Playfair Display Variable", serif;
|
||||||
|
|||||||
Reference in New Issue
Block a user