Template:Grid start/styles.css: Difference between revisions
From Sandustry Official Wiki
Created page with ".icon-grid { border: 1px solid #a2a9b1; background: #f8f9fa; margin: auto; } .icon-grid-title { background: #333; →your dark caption bar: text-align: center; font-weight: bold; padding: 0.2em; } .icon-grid-title a { color: white; →replaces the span hack: } .icon-grid-heading { background: #eaecf0; →the old ! header-row grey: text-align: center; font-weight: bold; padding: 0.2em; border-top: 1px solid #a2a9b1; border-bottom: 1px solid #a2a9b1;..." |
mNo edit summary |
||
| Line 1: | Line 1: | ||
.icon-grid { | .icon-grid { | ||
border: 1px solid #a2a9b1; | border: 1px solid #a2a9b1; | ||
margin: auto; | margin: auto; | ||
} | } | ||
.icon-grid-title { | .icon-grid-title { | ||
text-align: center; | text-align: center; | ||
font-weight: bold; | font-weight: bold; | ||
| Line 14: | Line 12: | ||
} | } | ||
.icon-grid-heading { | .icon-grid-heading { | ||
text-align: center; | text-align: center; | ||
font-weight: bold; | font-weight: bold; | ||
| Line 23: | Line 20: | ||
.icon-grid ul { | .icon-grid ul { | ||
display: grid; | display: grid; | ||
grid-template-columns: repeat(auto-fill, minmax( | grid-template-columns: repeat(auto-fill, minmax(15em, 1fr)); | ||
gap: 0; | gap: 0; | ||
list-style: none; | list-style: none; | ||
Revision as of 14:02, 8 August 2026
.icon-grid {
border: 1px solid #a2a9b1;
margin: auto;
}
.icon-grid-title {
text-align: center;
font-weight: bold;
padding: 0.2em;
}
.icon-grid-title a {
color: white; /* replaces the span hack */
}
.icon-grid-heading {
text-align: center;
font-weight: bold;
padding: 0.2em;
border-top: 1px solid #a2a9b1;
border-bottom: 1px solid #a2a9b1;
}
.icon-grid ul {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));
gap: 0;
list-style: none;
margin: 0;
padding: 0.3em;
}
.icon-grid li {
display: flex;
align-items: center;
gap: 0.4em;
padding: 0.2em 0.4em;
}
