css: responsive tabeller på blog (scroll i egen kolonne, ikke hele siden) + bryd lange ord
Build & Deploy / deploy (push) Successful in 1m42s
Build & Deploy / deploy (push) Successful in 1m42s
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Opus 4.8
parent
3d1e45c86c
commit
625b1eb9a9
@@ -85,7 +85,7 @@ body::before {
|
||||
@media (prefers-reduced-motion: reduce) { .sun-and-moon * { transition: none !important; } }
|
||||
|
||||
/* ---------- markdown prose ---------- */
|
||||
.prose { color: var(--color-text); line-height: 1.75; font-size: 1.05rem; }
|
||||
.prose { color: var(--color-text); line-height: 1.75; font-size: 1.05rem; overflow-wrap: break-word; }
|
||||
.prose > * + * { margin-top: 1.1em; }
|
||||
.prose h2 { font-size: 1.6rem; font-weight: 700; margin-top: 2em; letter-spacing: -0.01em; }
|
||||
.prose h3 { font-size: 1.25rem; font-weight: 700; margin-top: 1.6em; }
|
||||
@@ -98,5 +98,5 @@ body::before {
|
||||
.prose ol { list-style: decimal; padding-left: 1.4em; }
|
||||
.prose img { border-radius: 0.75rem; border: 1px solid var(--color-border); }
|
||||
.prose hr { border-color: var(--color-border); }
|
||||
.prose table { width: 100%; border-collapse: collapse; }
|
||||
.prose table { display: block; width: max-content; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
|
||||
.prose th, .prose td { border: 1px solid var(--color-border); padding: 0.5rem 0.7rem; text-align: left; }
|
||||
|
||||
Reference in New Issue
Block a user