nvrl/narlblog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added listings

Browse Source
This commit is contained in:
Nils Pukropp
2026-03-27 20:19:23 +01:00
parent 884c8fea1c
commit cb6f560267
1 changed files with 17 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
frontend/src/styles/global.css
View File

@@ -113,6 +113,23 @@ body {
.prose code { @apply bg-surface0 px-1.5 py-0.5 rounded text-xs md:text-sm font-mono; color: var(--peach) !important; }
.prose pre code { background-color: transparent !important; padding: 0 !important; border-radius: 0 !important; color: inherit !important; }
.prose img { @apply max-w-full h-auto rounded-xl shadow-lg border border-white/5 my-6 md:my-8; }
.prose a { color: var(--blue) !important; text-decoration: underline; text-underline-offset: 2px; transition: color 0.2s; }
.prose a:hover { color: var(--sky) !important; }
.prose ul { @apply list-disc pl-6 mb-4 space-y-1 text-sm md:text-base; color: var(--text) !important; }
.prose ol { @apply list-decimal pl-6 mb-4 space-y-1 text-sm md:text-base; color: var(--text) !important; }
.prose li { @apply leading-relaxed; color: var(--text) !important; }
.prose li > ul, .prose li > ol { @apply mt-1 mb-0; }
.prose ul ul { list-style-type: circle; }
.prose ul ul ul { list-style-type: square; }
.prose hr { @apply my-8 border-0; border-top: 1px solid var(--surface2); }
.prose h4 { @apply text-lg md:text-xl font-medium mb-2 mt-4; color: var(--sapphire) !important; }
.prose h5 { @apply text-base md:text-lg font-medium mb-1 mt-3; color: var(--teal) !important; }
.prose h6 { @apply text-sm md:text-base font-medium mb-1 mt-3; color: var(--subtext1) !important; }
.prose strong { color: var(--text) !important; font-weight: 700; }
.prose em { color: var(--subtext1) !important; }
.prose del { color: var(--overlay1) !important; text-decoration: line-through; }
.prose li input[type="checkbox"] { @apply mr-2 accent-blue; vertical-align: middle; }
.prose li:has(input[type="checkbox"]) { list-style: none; margin-left: -1.5rem; }
/* Professional Table Styles */
.prose table { @apply w-full mb-8 border-collapse overflow-hidden rounded-xl; border: 1px solid var(--surface1); }