mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-11-28 16:21:11 +00:00
5d3ecd9edd
This is an on-going work to adapt Codex into Citizen. Some of the CSS variables are soft depreciated, see tokens.less for updated info.
57 lines
978 B
Plaintext
57 lines
978 B
Plaintext
/*
|
|
* Citizen
|
|
*
|
|
* SkinStyles for MediaWiki
|
|
* Module: mediawiki.htmlform.styles
|
|
* Version: REL1_39
|
|
*
|
|
* Date: 2022-11-23
|
|
*/
|
|
|
|
.mw-htmlform {
|
|
&-field {
|
|
&-HTMLCheckField,
|
|
&-HTMLTextField {
|
|
label {
|
|
display: inline-block;
|
|
}
|
|
}
|
|
|
|
&-HTMLCheckField {
|
|
// Horizontal label, like in upload form
|
|
input + label {
|
|
margin-left: var( --space-xs );
|
|
}
|
|
}
|
|
|
|
&-HTMLTextField {
|
|
// Vertical label, like in create account
|
|
> label {
|
|
margin-bottom: var( --space-xxs );
|
|
font-size: var( --font-size-small );
|
|
color: var( --color-subtle );
|
|
letter-spacing: 0.05em;
|
|
}
|
|
|
|
// Horizontal label, like in upload form
|
|
td.mw-label > label {
|
|
margin-right: var( --space-xs );
|
|
}
|
|
}
|
|
|
|
&-HTMLInfoField {
|
|
color: var( --color-subtle );
|
|
}
|
|
}
|
|
|
|
&-invalid-input td.mw-input input {
|
|
border-color: var( --color-destructive );
|
|
}
|
|
}
|
|
|
|
.htmlform-tip {
|
|
font-size: var( --font-size-x-small );
|
|
color: var( --color-subtle );
|
|
letter-spacing: 0.025em;
|
|
}
|