MediaWiki:Common.css: Difference between revisions
MediaWiki interface page
More actions
ReisuDesign (talk | contribs) No edit summary |
ReisuDesign (talk | contribs) Added class pill |
||
| Line 1,261: | Line 1,261: | ||
table.progress-tracking-table td.progress-tracker-checkbox-cell:has(input[type="checkbox"]:checked) { | table.progress-tracking-table td.progress-tracker-checkbox-cell:has(input[type="checkbox"]:checked) { | ||
background-color: var(--checked); | background-color: var(--checked); | ||
} | |||
/* ========================================================== | |||
* Generic Pill | |||
* ========================================================== */ | |||
.pill { | |||
--pill-padding: 0.25em 0.75em; | |||
--pill-radius: 10px; | |||
--pill-background: var(--background-color-2); | |||
--pill-background-hover: var(--pill-background); | |||
--pill-hover-shadow: 0 0 0 1px var(--background-color-4); | |||
display: inline-flex; | |||
align-items: center; | |||
padding: var(--pill-padding); | |||
border-radius: var(--pill-radius); | |||
background: var(--pill-background); | |||
text-decoration: none; | |||
transition: | |||
background-color 0.15s ease, | |||
box-shadow 0.15s ease; | |||
} | |||
.pill:hover, | |||
.pill:focus-visible { | |||
background: var(--pill-background-hover); | |||
box-shadow: var(--pill-hover-shadow); | |||
text-decoration: none; | |||
} | } | ||