dhorn/Protocol-oral-history-project
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

applies wompum color to tailwind class system

Browse Source
This commit is contained in:
Drew
2025-04-22 18:08:19 -06:00
parent 54533f62e9
commit 8e5ccb77c6
13 changed files with 107 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
assets/css/main.css
View File

@ -2,6 +2,10 @@ body {
@apply font-garamond;
}
a:hover {
@apply text-pine-900;
}
.interviewer-question {
font-style: italic;
color: #444;
@ -43,4 +47,48 @@ body {
.narrator__wompum {
@apply absolute inset-0 w-full h-full;
}
.tag {
@apply p-2 bg-sand-100 border border-transparent hover:border-sand-500 rounded-lg whitespace-nowrap hover:text-gray-900 hover:opacity-100
}
.tag-cloud .tag:nth-child(10n+1):hover {
@apply border-blue-500;
}
.tag-cloud .tag:nth-child(10n+2):hover {
@apply border-clay-500;
}
.tag-cloud .tag:nth-child(10n+3):hover {
@apply border-cyan-500;
}
.tag-cloud .tag:nth-child(10n+4):hover {
@apply border-gold-500;
}
.tag-cloud .tag:nth-child(10n+5):hover {
@apply border-red-500;
}
.tag-cloud .tag:nth-child(10n+6):hover {
@apply border-pine-500;
}
.tag-cloud .tag:nth-child(10n+7):hover {
@apply border-pink-500;
}
.tag-cloud .tag:nth-child(10n+8):hover {
@apply border-moss-500;
}
.tag-cloud .tag:nth-child(10n+9):hover {
@apply border-rust-500;
}
.tag-cloud .tag:nth-child(10n):hover {
@apply border-sand-500;
}