diff --git a/src/app.css b/src/app.css index 9a8aafa..a7c1c4d 100644 --- a/src/app.css +++ b/src/app.css @@ -201,9 +201,10 @@ .person-item { @apply cursor-help transition-all duration-500; } - .partner-item { @apply transition-all; } .partner-item .partner-img { @apply grayscale; } .partner-item:hover .partner-img { @apply grayscale-0; } - .partner-item .partner-text { @apply invisible; } - .partner-item:hover .partner-text { @apply visible; } + .partner-item .partner-text { @apply text-white/0 transition-all duration-300; } + .partner-item .partner-text .text-mild { @apply text-white/0; } + .partner-item:hover .partner-text { @apply text-white; } + .partner-item:hover .partner-text .text-mild { @apply text-white/50 duration-1000; } } diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index 0641483..3263363 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -67,11 +67,11 @@
Partners
{#each data.config.partners as partner} -
+ {/each}