mediawiki-skins-Citizen/skinStyles/extensions/UniversalLanguageSelector/ext.uls.displaysettings.less
alistair3149 5d3ecd9edd
feat(core): convert some CSS variables into Codex equivalent
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.
2024-06-30 01:04:30 -04:00

68 lines
1.4 KiB
Plaintext

/*
* Citizen
*
* SkinStyles for Extension:UniversalLanguageSelector
* Module: ext.uls.displaysettings
* Version: MLEB 2021.12
*
* Date: 2022-05-17
*/
/* ext.uls.inputsettings.less */
.uls-ime-menu-settings-item {
color: var( --color-base );
background-color: var( --color-surface-2 );
border-top-color: var( --border-color-base );
border-radius: 0 0 var( --border-radius--medium ) var( --border-radius--medium );
}
.uls-ime-disable-link,
.uls-ime-more-settings-link,
.ime-checked .ime-perime-help {
filter: var( --filter-invert );
}
.uls-ime-menu-settings-item > a:hover {
color: var( --color-emphasized );
background-color: var( --color-surface-2 );
}
.uls-input-settings-disable-info,
.uls-input-settings-no-inputmethods {
color: var( --color-subtle );
}
.down + .uls-input-settings-caret {
border-bottom-color: var( --color-surface-2 );
}
.uls-input-settings .uls-input-settings-inputmethods-list {
background: var( --color-surface-2 );
}
.uls-ime-notification-bubble .link {
color: var( --color-progressive );
}
/* ext.uls.displaysettings.less */
.ext-uls-sub-panel {
border-top-color: var( --border-color-base );
}
.uls-font-item {
background: var( --color-surface-2 );
border-bottom-color: var( --border-color-base );
&:first-child {
border-top-color: var( --border-color-base );
}
}
.uls-font-label {
color: var( --color-subtle );
}
.uls-font-label strong {
color: var( --color-base );
}