94 lines
1.7 KiB
CSS
94 lines
1.7 KiB
CSS
body {
|
|
@apply font-garamond;
|
|
}
|
|
|
|
a:hover {
|
|
@apply text-pine-900;
|
|
}
|
|
|
|
.interviewer-question {
|
|
font-style: italic;
|
|
color: #444;
|
|
margin-left: -1rem;
|
|
}
|
|
|
|
.article-title--single .article-title__narrator {
|
|
@apply mb-2 block font-light;
|
|
}
|
|
|
|
.article-title--single .article-title__subject {
|
|
font-size: 1.5em;
|
|
}
|
|
|
|
.article-title--list .article-title__narrator::after {
|
|
content: ":";
|
|
}
|
|
|
|
.article-title--list .article-title__subject {
|
|
@apply font-light;
|
|
}
|
|
|
|
.wompum-radial-grid {
|
|
@apply absolute w-full h-full top-0 left-0;
|
|
}
|
|
|
|
.narrator__container {
|
|
@apply relative;
|
|
}
|
|
|
|
.narrator__frame {
|
|
@apply relative p-4;
|
|
}
|
|
|
|
.narrator__image {
|
|
@apply w-full rounded-full object-cover relative z-10 bg-white text-center border-4 border-white grid place-items-center;
|
|
aspect-ratio: 1;
|
|
}
|
|
|
|
.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;
|
|
} |