mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-11-25 06:47:16 +00:00
2bf20397e1
This decouple the filter style from the class. Instead, filter-invert can be redefined if needed (e.g. :root.skin-citizen-dark)
43 lines
747 B
Plaintext
43 lines
747 B
Plaintext
/*
|
|
* Citizen
|
|
*
|
|
* SkinStyles for MediaWiki
|
|
* Module: mediawiki.ui.icon
|
|
* Version: REL1_39
|
|
*
|
|
* Date: 2022-11-30
|
|
*/
|
|
|
|
@import '../../resources/variables.less';
|
|
|
|
.mw-ui-icon-element {
|
|
border-radius: var( --border-radius--small );
|
|
|
|
&:active {
|
|
background-color: var( --background-color-quiet--active );
|
|
}
|
|
}
|
|
|
|
@media ( hover: hover ) {
|
|
.mw-ui-icon-element:not( .disabled ):hover {
|
|
background-color: var( --background-color-quiet--hover );
|
|
}
|
|
}
|
|
|
|
@media all and ( min-width: @width-breakpoint-desktop ) {
|
|
.mw-ui-icon-with-label-desktop {
|
|
color: var( --color-base--subtle ) !important;
|
|
|
|
&:hover,
|
|
&:focus,
|
|
&:active,
|
|
&:visited {
|
|
color: var( --color-base--subtle );
|
|
}
|
|
}
|
|
}
|
|
|
|
.mw-ui-icon::before {
|
|
filter: var( --filter-invert );
|
|
}
|