|
@@ -42,7 +42,7 @@
|
|
|
}
|
|
}
|
|
|
.button {
|
|
.button {
|
|
|
@apply text-white text-center relative px-4 py-3 rounded-md lg:text-lg select-none bg-gradient-to-r from-blue-600 to-blue-800 transition-all flex flex-col justify-center items-center;
|
|
@apply text-white text-center relative px-4 py-3 rounded-md lg:text-lg select-none bg-gradient-to-r from-blue-600 to-blue-800 transition-all flex flex-col justify-center items-center;
|
|
|
- @apply hover:after:absolute hover:after:inset-0 hover:after:bg-white/5;
|
|
|
|
|
|
|
+ @apply hover:after:absolute hover:after:inset-0 hover:after:bg-white/5 active:after:absolute active:after:inset-0 active:after:bg-white/5;
|
|
|
&.button-reading {
|
|
&.button-reading {
|
|
|
@apply w-0 flex-1 lg:w-auto lg:flex-none lg:max-w-md;
|
|
@apply w-0 flex-1 lg:w-auto lg:flex-none lg:max-w-md;
|
|
|
}
|
|
}
|
|
@@ -74,10 +74,10 @@
|
|
|
@apply grid gap-y-4 lg:grid-cols-2 lg:gap-x-10 xl:grid-cols-3;
|
|
@apply grid gap-y-4 lg:grid-cols-2 lg:gap-x-10 xl:grid-cols-3;
|
|
|
// counter-reset: chapter attr(start);
|
|
// counter-reset: chapter attr(start);
|
|
|
li {
|
|
li {
|
|
|
- @apply border-b text-sm lg:text-base border-b-gray-100;
|
|
|
|
|
- // counter-increment: chapter;
|
|
|
|
|
|
|
+ @apply text-sm lg:text-base border-b border-b-gray-100;
|
|
|
|
|
+
|
|
|
:global(.dark) & {
|
|
:global(.dark) & {
|
|
|
- @apply border-b-gray-700;
|
|
|
|
|
|
|
+ @apply border-b-gray-800;
|
|
|
}
|
|
}
|
|
|
a {
|
|
a {
|
|
|
@apply flex w-full h-full py-2 hover:bg-gray-50;
|
|
@apply flex w-full h-full py-2 hover:bg-gray-50;
|