50 lines
1.2 KiB
CSS
50 lines
1.2 KiB
CSS
.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 {
|
|
@apply text-2xl font-bold text-gray-900 group-hover:text-pine-900 underline underline-offset-5 decoration-sand-500 hover:decoration-pine-900
|
|
dark:text-sand-100 dark:group-hover:text-sand-500 dark:decoration-sand-900 dark:hover:decoration-sand-500;
|
|
}
|
|
.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 headshot */
|
|
|
|
.narrator__container {
|
|
@apply relative w-48 mb-2 mx-auto md:mx-0 rounded-full border-4 bg-white border-white
|
|
dark:bg-gray-950 dark:border-gray-950;
|
|
}
|
|
|
|
.narrator__frame {
|
|
@apply relative p-4;
|
|
}
|
|
|
|
.narrator__frame img {
|
|
@apply w-full rounded-full object-cover relative z-10 bg-white text-center border-4 border-white grid place-items-center
|
|
dark:bg-gray-950 dark:border-gray-950;
|
|
aspect-ratio: 1;
|
|
}
|
|
|
|
.narrator__wompum {
|
|
@apply absolute inset-0 w-full h-full;
|
|
} |