This wiki is still in active development, many areas of the site are unstable or broken.
In the meantime, consider adding content to pages you like!
Template:FilterTable/styles.css: Difference between revisions
From NBITTRPG Wiki
Created page with ".filter-row, .filter-search { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 8px 0; } .filter-row.extra-line-height { line-height: 2em; } .filter-button { background-color: var(--background-color-base); color: var(--color-base); border: 1px solid var(--color-subtle); border-radius: 4px; padding: 4px 8px; } .filter-button:hover { cursor: pointer; background-color: var(--background-color-interac..." |
mNo edit summary |
||
| Line 13: | Line 13: | ||
.filter-button { | .filter-button { | ||
background-color: var(--background-color-base); | background-color: var(--background-color-base, #fff); | ||
color: var(--color-base); | color: var(--color-base, #202122); | ||
border: 1px solid var(--color-subtle); | border: 1px solid var(--color-subtle, #54595d); | ||
border-radius: 4px; | border-radius: 4px; | ||
padding: 4px 8px; | padding: 4px 8px; | ||
| Line 22: | Line 22: | ||
.filter-button:hover { | .filter-button:hover { | ||
cursor: pointer; | cursor: pointer; | ||
background-color: var(--background-color-interactive-subtle--hover); | background-color: var(--background-color-interactive-subtle--hover, #eaecf0); | ||
} | } | ||
.filter-button.button-selected { | .filter-button.button-selected { | ||
background-color: var(--background-color-interactive-subtle--active); | background-color: var(--background-color-interactive-subtle--active, #dadde3); | ||
/* Shadow doesn't make sense in dark mode, so no variable used here */ | /* Shadow doesn't make sense in dark mode, so no variable used here */ | ||
box-shadow: inset 0 4px 5px rgba(0, 0, 0, .05); | box-shadow: inset 0 4px 5px rgba(0, 0, 0, .05); | ||
Latest revision as of 10:42, 11 October 2026
.filter-row,
.filter-search {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
margin: 8px 0;
}
.filter-row.extra-line-height {
line-height: 2em;
}
.filter-button {
background-color: var(--background-color-base, #fff);
color: var(--color-base, #202122);
border: 1px solid var(--color-subtle, #54595d);
border-radius: 4px;
padding: 4px 8px;
}
.filter-button:hover {
cursor: pointer;
background-color: var(--background-color-interactive-subtle--hover, #eaecf0);
}
.filter-button.button-selected {
background-color: var(--background-color-interactive-subtle--active, #dadde3);
/* Shadow doesn't make sense in dark mode, so no variable used here */
box-shadow: inset 0 4px 5px rgba(0, 0, 0, .05);
}
.filter-search input {
padding: 4px;
width: 200px;
}
/* [[Category:Stylesheets]] */
