style: fix prose styling with native Tailwind v4 opacity syntax
All checks were successful
Deploy Theme / deploy (push) Successful in 13s
All checks were successful
Deploy Theme / deploy (push) Successful in 13s
This commit is contained in:
@@ -83,6 +83,34 @@ html[data-theme='light'] {
|
|||||||
#mobile-menu nav ul li a {
|
#mobile-menu nav ul li a {
|
||||||
@apply text-[var(--text-primary)] text-3xl font-bold hover:text-[var(--brand-primary)] transition-colors duration-200;
|
@apply text-[var(--text-primary)] text-3xl font-bold hover:text-[var(--brand-primary)] transition-colors duration-200;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Typography (Prose) Customization */
|
||||||
|
.prose {
|
||||||
|
--tw-prose-body: var(--text-primary);
|
||||||
|
--tw-prose-headings: var(--brand-primary);
|
||||||
|
--tw-prose-links: var(--brand-primary);
|
||||||
|
--tw-prose-bold: var(--text-primary);
|
||||||
|
--tw-prose-counters: var(--text-secondary);
|
||||||
|
--tw-prose-bullets: var(--brand-primary);
|
||||||
|
--tw-prose-quotes: var(--text-primary);
|
||||||
|
--tw-prose-quote-borders: var(--brand-primary);
|
||||||
|
--tw-prose-captions: var(--text-secondary);
|
||||||
|
--tw-prose-code: var(--text-primary);
|
||||||
|
--tw-prose-pre-code: var(--text-primary);
|
||||||
|
--tw-prose-pre-bg: var(--bg-secondary);
|
||||||
|
--tw-prose-th-borders: var(--bg-tertiary);
|
||||||
|
--tw-prose-td-borders: var(--bg-secondary);
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose h1, .prose h2, .prose h3, .prose h4, .prose h5, .prose h6 {
|
||||||
|
font-family: var(--font-heading);
|
||||||
|
@apply font-bold tracking-tight;
|
||||||
|
}
|
||||||
|
|
||||||
|
.prose a {
|
||||||
|
@apply font-medium no-underline border-b border-[var(--brand-primary)]/30 hover:border-[var(--brand-primary)] transition-all duration-200;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.site-logo {
|
.site-logo {
|
||||||
|
|||||||
Reference in New Issue
Block a user