Some nitpicky thoughts about the latest iteration…
Should the arrow be aligned by the baseline rather than centering? this feels better to me than centering on multi-line examples… but this may be subjective:
center
baseline
should padding match quotes? the top feels a little tight at the moment
if we pad the entire container, we should maybe try to remove any padding from the last element… this could be too tricky because we have many content types… but perhaps something like:
details > :last-child {
padding-bottom: 0;
}
I agree that we should go a shade darker when this is within a quote, so the background isn’t lost
Summary
This text will be hidden
I think we could probably have some sort of variable that can help with this… if details had the background set by something like
:root {
--d-details-bg: var(--primary-100);
}
details {
background: var(--d-details-bg);
}
then a quote can override it… maybe we could even have a generic “needs to be darker” in a quote variable? can’t recall if we have other situations like this…
blockquote {
--darker-quote-bg: var(--primary-200);
--d-details-bg: var(--darker-quote-bg);
}