Template:Item/styles.css: Difference between revisions
Template page
More actions
Create generated item table |
Add item filters and combined effects column |
||
| (One intermediate revision by the same user not shown) | |||
| Line 20: | Line 20: | ||
.item-list__description { | .item-list__description { | ||
max-width: 34em; | max-width: 34em; | ||
} | |||
.item-list-filter { | |||
align-items: end; | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 0.75rem; | |||
margin: 1rem 0; | |||
} | |||
.item-list-filter label { | |||
display: grid; | |||
gap: 0.25rem; | |||
} | |||
.item-list-filter select, | |||
.item-list-filter button { | |||
min-height: 2rem; | |||
} | |||
.item-list-filter__count { | |||
margin-left: auto; | |||
} | |||
.item-list__path { | |||
align-items: center; | |||
display: inline-flex; | |||
gap: 2px; | |||
margin-right: 0.35em; | |||
white-space: nowrap; | |||
} | |||
.item-list__path img { | |||
vertical-align: -0.2em; | |||
} | } | ||
Latest revision as of 18:13, 15 May 2026
.item-list {
width: 100%;
font-size: 0.95em;
}
.item-list th,
.item-list td {
vertical-align: top;
}
.item-list__icon {
width: 40px;
text-align: center;
}
.item-list__icon img {
image-rendering: pixelated;
}
.item-list__description {
max-width: 34em;
}
.item-list-filter {
align-items: end;
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
margin: 1rem 0;
}
.item-list-filter label {
display: grid;
gap: 0.25rem;
}
.item-list-filter select,
.item-list-filter button {
min-height: 2rem;
}
.item-list-filter__count {
margin-left: auto;
}
.item-list__path {
align-items: center;
display: inline-flex;
gap: 2px;
margin-right: 0.35em;
white-space: nowrap;
}
.item-list__path img {
vertical-align: -0.2em;
}