troy/troylusty.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

upgrade to tailwind v4.0 (#33)

Browse source 
* 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
This commit is contained in:
Troy 2025-01-23 18:48:20 +00:00 • committed by GitHub
parent fffc8cb13e
commit 90ef859c50
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
24 changed files with 178 additions and 182 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/Article.astro
View file

@ -30,14 +30,14 @@ const listFormatter = new Intl.ListFormat("en-GB", {
>
<div class="mx-auto mb-8">
<h1
class="animate-reveal break-words text-start text-2xl font-semibold opacity-0"
class="animate-reveal text-start text-2xl font-semibold break-words opacity-0"
>
<span class="text-secondary">{article.data.title}</span><span
class="ml-2 text-tertiary">{article.data.description}</span
class="text-tertiary ml-2">{article.data.description}</span
>
</h1>
<div
class="mt-4 flex animate-reveal flex-col flex-wrap items-start gap-2 text-tertiary opacity-0 [animation-delay:0.1s] md:flex-row"
class="animate-reveal text-tertiary mt-4 flex flex-col flex-wrap items-start gap-2 opacity-0 [animation-delay:0.1s] md:flex-row"
>
<div class="flex items-center gap-2">
<Icon name="mdi:calendar" />
@ -79,7 +79,7 @@ const listFormatter = new Intl.ListFormat("en-GB", {
}
</div>
</div>
<div class="mx-auto animate-reveal opacity-0 [animation-delay:0.2s]">
<div class="animate-reveal mx-auto opacity-0 [animation-delay:0.2s]">
<Prose>
<Content />
</Prose>