Template:Image key/styles.css
From HandWiki
< Template:Image key
Revision as of 01:06, 2 December 2022 by imported>Izno (lock wide and even .image-key behind a min size to support mobile reasonably)
/* we add .thumb so that there is a lesser chance of these styles being used for nefarious general purposes :) if/when necessary to support some other kind of figures, can be added then */ .thumb .image-key > ol { margin-left: 1.3em; margin-top: 0; } .thumb .image-key > ul { margin-top: 0; } .thumb .image-key li { page-break-inside: avoid; break-inside: avoid-column; } /* support mobile with queries */ @media (min-width: 300px) { .thumb .image-key, .thumb .image-key-wide { column-count: 2; } .thumb .image-key-narrow { column-count: 1; } } @media (min-width: 450px) { .thumb .image-key-wide { column-count: 3; } }