troylusty.com/src/components/Header.astro
Troy 90ef859c50
upgrade to tailwind v4.0 (#33)
* begin switching to tailwind v4

* remove old tw config file

* convert colors back to hex

* move all content out of tw config

* fixed colors

* better match colors

* remove abnormally large margins
2025-01-23 18:48:20 +00:00

23 lines
705 B
Text

---
import { SITE } from "@consts";
import { Icon } from "astro-icon/components";
---
<header class="mx-auto mb-8 w-full max-w-prose space-y-6 pt-12">
<div
class="text-secondary group flex h-12 items-center justify-between leading-[0px]"
>
<a class="inline-flex items-center" href="/" title={SITE.TITLE}>
<Icon
name="icon"
title={SITE.TITLE}
class="group-hover:text-tertiary h-8 w-auto transition-colors duration-500 ease-in-out"
/>
<div
class="group-hover:text-tertiary ml-2 hidden flex-none text-sm font-bold capitalize transition-colors duration-500 md:visible lg:block"
>
Troy Lusty
</div>
</a>
</div>
</header>