MediaWiki:Common.css: Difference between revisions
Appearance
RikThePixel (talk | contribs) mNo edit summary |
RikThePixel (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
:root { | |||
--scamp-primary-color: #0022FF; | |||
--scamp-primary-color--hover: #2245FF; | |||
} | |||
html.skin-theme-clientpref-night { | |||
} | |||
html.skin-theme-clientpref-os { | |||
} | |||
.scamp-link-button * { | .scamp-link-button * { | ||
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
.scamp-link-button { | .scamp-link-button { | ||
display: inline-flex; | display: inline-flex; | ||
| Line 9: | Line 24: | ||
transition: none 0.2s ease; | transition: none 0.2s ease; | ||
transition-property: background-color, border; | transition-property: background-color, border; | ||
background-color: var(-- | background-color: var(--scamp-primary-color); | ||
border: 1px solid var(--border-color-interactive); | border: 1px solid var(--border-color-interactive); | ||
border-radius: 4px; | border-radius: 4px; | ||
| Line 15: | Line 30: | ||
.scamp-link-button:hover { | .scamp-link-button:hover { | ||
background-color: var(-- | background-color: var(--scamp-primary-color--hover); | ||
border-color: var(--border-color-interactive--hover); | border-color: var(--border-color-interactive--hover); | ||
} | } | ||
Revision as of 15:50, 14 January 2026
:root {
--scamp-primary-color: #0022FF;
--scamp-primary-color--hover: #2245FF;
}
html.skin-theme-clientpref-night {
}
html.skin-theme-clientpref-os {
}
.scamp-link-button * {
box-sizing: border-box;
}
.scamp-link-button {
display: inline-flex;
align-items: center;
justify-content: center;
transition: none 0.2s ease;
transition-property: background-color, border;
background-color: var(--scamp-primary-color);
border: 1px solid var(--border-color-interactive);
border-radius: 4px;
}
.scamp-link-button:hover {
background-color: var(--scamp-primary-color--hover);
border-color: var(--border-color-interactive--hover);
}
.scamp-link-button a {
text-align: center;
flex: 1;
padding: 0.75rem 1rem;
color: var(--color-base);
text-decoration: none;
}
.scamp-link-button:hover a,
.scamp-link-button:active a {
color: var(--color-base);
}
.scamp-link-button a.external {
background-image: none;
padding: 0.75rem 1rem;
}