mediawiki-skins-Citizen/skinStyles/extensions/UniversalLanguageSelector/ext.uls.displaysettings.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

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 );
}