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-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-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 {
|
.highlight-core {
|
||||||
background: color-mix(in srgb, var(--highlight-color, #fde047) 35%, transparent);
|
background: color-mix(in srgb, var(--highlight-color, #fde047) 35%, transparent);
|
||||||
padding: 0 0.1em;
|
padding: 0 0.1em;
|
||||||
|
|||||||
Reference in New Issue
Block a user