Template:Insert quote panel/styles.css: Difference between revisions
Content deleted Content added
No edit summary |
No edit summary |
||
Line 9:
border-radius: 0;
background: #F8F9FA;
/* Flexbox setup for image + text layout */
display: flex;
flex-direction: row;
align-items: flex-start; /* Aligns image to top of text. Use 'center' if you prefer vertical centering */
gap: 1em; /* Space between image and text */
/* lock text color so dark mode doesn’t flip it */
Line 14 ⟶ 20:
}
/* The wrapper around the text content */
/* Optional: keep link colors constant too (pick one style) */▼
flex: 1; /* Takes up all remaining width */
min-width: 0; /* CSS trick to prevent text overflow issues in flex containers */
}
/* The wrapper around the image (if present) */
.insert-quote-image {
flex: 0 0 auto; /* Prevents image from shrinking or growing */
line-height: 0; /* Prevents extra spacing below image */
}
.insert-quote-panel a,
.insert-quote-panel a:visited { color: #202122; text-decoration: underline; }
▲ /* .insert-quote-panel a,
| |||