adds dark mode
This commit is contained in:
@ -12,6 +12,10 @@
|
||||
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: ":";
|
||||
}
|
||||
@ -27,7 +31,8 @@
|
||||
/* Narrator headshot */
|
||||
|
||||
.narrator__container {
|
||||
@apply relative w-48 mb-2 mx-auto md:mx-0 bg-white rounded-full border-4 border-white;
|
||||
@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 {
|
||||
@ -35,7 +40,8 @@
|
||||
}
|
||||
|
||||
.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;
|
||||
@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;
|
||||
}
|
||||
|
||||
|
Reference in New Issue
Block a user