about/static/css/plugin-meme.css

14 lines
656 B
CSS

.meme-section .plugin-header{box-shadow:none;border:none}
.meme-content{padding:6px}
/* Smooth size changes and prevent scroll anchoring nudge */
.meme-section{overflow-anchor: none;}
.meme-content{transition:min-height .25s ease}
.meme-image,.meme-gif{border-radius:14px;overflow:hidden;background:var(--paper);box-shadow:inset 0 0 0 1px var(--edge-0)}
.meme-image img,.meme-gif img{display:block;width:100%;height:auto;transition:opacity .2s ease, filter .2s ease}
.meme-caption{margin:.6rem 0 0;color:var(--ink-2);text-align:center}
/* keep toolbar tidy around narrow widths */
.meme-section .plugin-toolbar{gap:6px;flex-wrap:nowrap;overflow:hidden}