MediaWiki:Grid.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* Styles for Template:Grid */
@media screen {
.grid-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
gap: 1.5rem;
margin-top: 1rem;
}
@media (max-width: 60rem) {
.grid-container {
grid-template-columns: 1fr;
}
}
.grid-item {
border: var(--gray-5) 1px solid;
margin: 0;
padding: 0;
}
.grid-item > :first-child {
margin-top: 0.5rem;
}
.grid-item > :first-child:is(h1, h2, h3, h4, h5, h6, .grid-header) {
border: var(--gray-5) 1px solid;
background-color: var(--gray-3);
margin: -1px -1px 0 -1px;
padding: 0.25rem;
text-align: center;
color: white !important; /* Already !important in underlying CSS, unfortunately */
font-size: 100%;
}
.grid-item > *, .grid-item > p {
margin: 0.5rem;
}
.grid-item > :last-child {
margin-bottom: 0.5rem;
}
}