Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
No edit summary
No edit summary
Line 702: Line 702:


.mainpage-wrapper .link-grid {
.mainpage-wrapper .link-grid {
  flex: 3 1 600px;
   display: flex;
   display: flex;
   flex-wrap: wrap;
   flex-wrap: wrap;
   gap: 1em;
   gap: 1em;
  justify-content: flex-start;
}
}
.mainpage-wrapper .link-tile {
.mainpage-wrapper .link-tile {
   flex: 1 1 120px;
   flex: 0 0 auto;              /* Prevent flex resizing */
   aspect-ratio: 1 / 1; /* Maintains square shape */
  width: 120px;               /* Fixed width */
   height: 120px;               /* Fixed height to match width */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
   padding: 1em;
   padding: 1em;
   text-align: center;
   box-sizing: border-box;
  min-width: 100px;
   color: var(--color-emphasized);
   color: var(--color-emphasized);
   background-color: var(--color-surface-2);
   background-color: var(--color-surface-2);
   border: var(--border-width-base) solid var(--border-color-base);
   border: var(--border-width-base) solid var(--border-color-base);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
}