mediawiki-skins-Citizen/skinStyles/mediawiki/special/mediawiki.special.less
alistair3149 00b2495c1a
feat(core): use px for border-radius
- Move border radius calculation to CSS variable instead of LESS
- Rename CSS variable according to Codex, soft-deprecating the existing border radius
2024-07-05 13:24:31 -04:00

86 lines
1.6 KiB
Plaintext

/*
* Citizen
*
* SkinStyles for MediaWiki
* Module: mediawiki.special
* Version: REL1_39
*
* Date: 2024-02-26
*/
/* Special:Version */
/* MediaWiki License */
#mw-version-license + .plainlinks {
padding: var( --space-md );
margin-top: var( --space-md );
font-size: var( --font-size-small );
color: var( --color-subtle );
border: 1px solid var( --border-color-base );
border-radius: var( --border-radius-medium );
> p {
margin-top: 0;
}
}
/* Installed software */
#sv-software {
display: block;
max-width: none;
line-height: var( --line-height-sm );
border: 0;
tbody {
display: grid;
grid-template-columns: repeat( auto-fit, minmax( 320px, 1fr ) );
gap: var( --space-xs );
}
tr {
display: flex;
flex-direction: column;
padding: var( --space-sm ) var( --space-md );
border: 1px solid var( --border-color-base );
border-radius: var( --border-radius-medium );
&:first-child {
display: none; // Hide table header
}
}
td {
padding: 0;
border-top: 0;
&:first-child {
font-size: var( --font-size-x-large );
font-weight: var( --font-weight-semibold );
}
}
}
// Highlight Citizen skin
#mw-version-ext-skin-Citizen {
background: var( --color-surface-2 );
}
.mw-version-ext-vcs-timestamp,
.mw-version-ext-vcs-version {
color: var( --color-subtle );
}
.mw-version-ext-name,
.mw-version-library-name {
font-weight: var( --font-weight-semibold );
}
.skin-theme-clientpref-night {
#mw-allmessagestable tbody:hover td {
background-color: var( --background-color-progressive-subtle );
}
.mw-protectedpages-unknown {
color: var( --color-subtle );
}
}