mirror of
https://github.com/dergigi/boris.git
synced 2025-12-17 06:34:24 +01:00
style: make highlight text wrapping more aggressive
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user