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 |
||
| (20 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
.icon-grid-box { | |||
margin: auto; | |||
margin-bottom: 2em; | |||
} | |||
.icon-grid { | .icon-grid { | ||
border: | border-bottom: none; | ||
margin: auto; | margin: auto; | ||
} | } | ||
.icon-grid-title { | .icon-grid-title { | ||
text-align: left; | |||
font-weight: bold; | font-weight: bold; | ||
padding: 0. | padding: 0.5em; | ||
border: 1px solid #45494e; | |||
} | } | ||
.icon-grid-title a { | .icon-grid-title a { | ||
color: white; | color: white !important; | ||
} | } | ||
.icon-grid-heading { | .icon-grid-heading { | ||
text-align: center; | text-align: center; | ||
font-weight: bold; | font-weight: bold; | ||
padding: 0. | padding: 0.5em; | ||
border | border: 1px solid #45494e; | ||
} | } | ||
.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; | ||
margin: 0; | margin: 0; | ||
padding: 0 | padding: 0; | ||
} | } | ||
.icon-grid li { | .icon-grid li { | ||
| Line 33: | Line 34: | ||
align-items: center; | align-items: center; | ||
gap: 0.4em; | gap: 0.4em; | ||
padding: 0. | padding: 0.4em 0.4em; | ||
margin: 0; | |||
border: 1px solid transparent; | |||
} | } | ||
Latest revision as of 23:38, 11 August 2026
.icon-grid-box {
margin: auto;
margin-bottom: 2em;
}
.icon-grid {
border-bottom: none;
margin: auto;
}
.icon-grid-title {
text-align: left;
font-weight: bold;
padding: 0.5em;
border: 1px solid #45494e;
}
.icon-grid-title a {
color: white !important;
}
.icon-grid-heading {
text-align: center;
font-weight: bold;
padding: 0.5em;
border: 1px solid #45494e;
}
.icon-grid ul {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));
gap: 0;
list-style: none;
margin: 0;
padding: 0;
}
.icon-grid li {
display: flex;
align-items: center;
gap: 0.4em;
padding: 0.4em 0.4em;
margin: 0;
border: 1px solid transparent;
}
