MediaWiki:Common.css: Difference between revisions

no edit summary
No edit summary
No edit summary
Line 1,161: Line 1,161:
     width: 42px !important;
     width: 42px !important;
     height: 42px !important;
     height: 42px !important;
}
/* Tweet media */
.tweet-media {
  display: grid;
  gap: 6px;
  margin-top: 8px;
}
.tweet-media.count-1 { grid-template-columns: 1fr; }
.tweet-media.count-2 { grid-template-columns: 1fr 1fr; }
.tweet-media.count-3 { grid-template-columns: 1fr 1fr; }
.tweet-media.count-4 { grid-template-columns: 1fr 1fr; }
/* Make the first image span full width in a 3-image layout (2x1 + 1x2) */
.tweet-media.count-3 a:first-child { grid-column: 1 / -1; }
/* Ensure images fill their grid cell */
.tweet-media img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 6px;
}
}