Jump to content

MediaWiki:Common.css: Difference between revisions

No edit summary
No edit summary
Line 43: Line 43:
   --tile-image-size: 120px;
   --tile-image-size: 120px;
   --tile-font-size: 1.1em;
   --tile-font-size: 1.1em;
   --tile-gap: 1rem;
   --tile-gap: 0.75rem;
    
    
   display: grid;
   display: grid;
Line 103: Line 103:
@media (max-width: 600px) {
@media (max-width: 600px) {
   .category-tiles-container {
   .category-tiles-container {
     --tile-gap: 0.75rem;
     --tile-gap: 0.5rem;
   }
   }
    
    
Line 112: Line 112:
   .category-tiles-size-large {
   .category-tiles-size-large {
     --tile-image-size: 120px;
     --tile-image-size: 120px;
  }
}
@media (max-width: 400px) {
  .category-tiles-container {
    grid-template-columns: repeat(2, 1fr);
    --tile-gap: 0.5rem;
  }
}
@media (max-width: 300px) {
  .category-tiles-container {
    grid-template-columns: 1fr;
   }
   }
}
}