MediaWiki:Common.css: Difference between revisions

mNo edit summary
mNo edit summary
Line 1,487: Line 1,487:
.ooo-extlinks-grid {
.ooo-extlinks-grid {
   display: grid;
   display: grid;
   grid-auto-flow: row;
   grid-auto-flow: column;
   grid-template-columns: repeat(4, max-content);
   grid-template-rows: repeat(4, auto);


   justify-content: start;
   justify-content: start;
  justify-items: start;
   align-items: start;
   align-items: start;


   column-gap: 10px;
   column-gap: 10px;
   row-gap: 8px;
   row-gap: 4px;
   margin: 16px 0;
 
   margin: 10px 0;
}
}


.ooo-extlinks-grid > *,
/* fix MediaWiki paragraph spacing */
.ooo-extlinks-grid p {
.ooo-extlinks-grid p {
   margin: 0;
   margin: 0 !important;
}
}


/* make template behave consistently */
.ooo-extlinks-grid .ooo-extlink {
.ooo-extlinks-grid .ooo-extlink {
   display: block;
   display: block;
Line 1,511: Line 1,512:
@media (max-width: 900px) {
@media (max-width: 900px) {
   .ooo-extlinks-grid {
   .ooo-extlinks-grid {
     grid-template-columns: repeat(3, max-content);
     grid-template-rows: repeat(3, auto);
   }
   }
}
}
Line 1,518: Line 1,519:
@media (max-width: 600px) {
@media (max-width: 600px) {
   .ooo-extlinks-grid {
   .ooo-extlinks-grid {
     grid-template-columns: repeat(2, max-content);
     grid-template-rows: repeat(2, auto);
   }
   }
}
}