style: make highlight text wrapping more aggressive

This commit is contained in:
Gigi
2025-11-26 23:12:48 +01:00
parent 934bee2d62
commit 785be6aa9e

View File

@@ -149,7 +149,20 @@
.highlight-item.level-nostrverse .highlight-quote-icon { color: var(--highlight-color-nostrverse, #9333ea); }
.highlight-content { flex: 1; display: flex; flex-direction: column; gap: 0.5rem; padding: 2.25rem 0.75rem 2.5rem; }
.highlight-text { margin: 0; padding: 0 0 0 1.25rem; font-style: italic; color: var(--color-text); line-height: 1.6; border-left: none; font-size: 0.95rem; }
.highlight-text {
margin: 0;
padding: 0 0 0 1.25rem;
font-style: italic;
color: var(--color-text);
line-height: 1.6;
border-left: none;
font-size: 0.95rem;
/* Aggressive wrapping for long words/URLs inside highlights */
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-word;
hyphens: auto;
}
.highlight-core {
background: color-mix(in srgb, var(--highlight-color, #fde047) 35%, transparent);
padding: 0 0.1em;