MediaWiki:Common.css: Difference between revisions
From Wizards & Warlords Wiki
Created page with "→CSS placed here will be applied to all skins: .wiz-grid { outline: 5px solid red !important; } .wiz-grid-item { width: 100%; } .wiz-grid-item img { display: block; width: 100%; height: auto; border: 0; background: transparent; box-shadow: none; } .wiz-grid-text { margin-top: 8px; } @media (max-width: 1100px) { .wiz-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } } @media (max-width: 700px) { .wiz-grid { grid-template-colu..." |
No edit summary |
||
| Line 1: | Line 1: | ||
/* | /* This style is loaded on all media. */ | ||
.wiz-grid { | .wiz-grid { | ||
display: grid; | |||
grid-template-columns: repeat(4, minmax(0, 1fr)); | |||
gap: 20px; | |||
width: 100%; | |||
text-align: center; | |||
align-items: start; | |||
} | } | ||
| Line 25: | Line 29: | ||
@media (max-width: 1100px) { | @media (max-width: 1100px) { | ||
.wiz-grid { | .wiz-grid { | ||
grid-template-columns: repeat(3, minmax(0, 1fr)) | grid-template-columns: repeat(3, minmax(0, 1fr)); | ||
} | } | ||
} | } | ||
| Line 31: | Line 35: | ||
@media (max-width: 700px) { | @media (max-width: 700px) { | ||
.wiz-grid { | .wiz-grid { | ||
grid-template-columns: repeat(2, minmax(0, 1fr)) | grid-template-columns: repeat(2, minmax(0, 1fr)); | ||
} | } | ||
} | } | ||
Revision as of 02:20, 19 March 2026
/* This style is loaded on all media. */
.wiz-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 20px;
width: 100%;
text-align: center;
align-items: start;
}
.wiz-grid-item {
width: 100%;
}
.wiz-grid-item img {
display: block;
width: 100%;
height: auto;
border: 0;
background: transparent;
box-shadow: none;
}
.wiz-grid-text {
margin-top: 8px;
}
@media (max-width: 1100px) {
.wiz-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 700px) {
.wiz-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
