2022-11-30 20:38:59 +00:00
|
|
|
/*
|
|
|
|
|
* Citizen
|
|
|
|
|
*
|
|
|
|
|
* SkinStyles for MediaWiki
|
|
|
|
|
* Module: mediawiki.ui.icon
|
|
|
|
|
* Version: REL1_39
|
|
|
|
|
*
|
|
|
|
|
* Date: 2022-11-30
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
@import '../../resources/variables.less';
|
|
|
|
|
|
|
|
|
|
.mw-ui-icon-element {
|
2024-07-05 17:24:31 +00:00
|
|
|
border-radius: var( --border-radius-base );
|
2022-11-30 20:38:59 +00:00
|
|
|
|
|
|
|
|
&:active {
|
2024-07-01 00:41:31 +00:00
|
|
|
background-color: var( --background-color-button-quiet--active );
|
2022-11-30 20:38:59 +00:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media ( hover: hover ) {
|
|
|
|
|
.mw-ui-icon-element:not( .disabled ):hover {
|
2024-07-01 00:41:31 +00:00
|
|
|
background-color: var( --background-color-button-quiet--hover );
|
2022-11-30 20:38:59 +00:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2023-11-16 22:55:23 +00:00
|
|
|
@media all and ( min-width: @min-width-breakpoint-desktop ) {
|
2022-11-30 20:38:59 +00:00
|
|
|
.mw-ui-icon-with-label-desktop {
|
2024-06-30 05:04:30 +00:00
|
|
|
color: var( --color-subtle ) !important;
|
2022-11-30 20:38:59 +00:00
|
|
|
|
|
|
|
|
&:hover,
|
|
|
|
|
&:focus,
|
|
|
|
|
&:active,
|
|
|
|
|
&:visited {
|
2024-06-30 05:04:30 +00:00
|
|
|
color: var( --color-subtle );
|
2022-11-30 20:38:59 +00:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2023-07-10 20:56:56 +00:00
|
|
|
.mw-ui-icon::before {
|
|
|
|
|
filter: var( --filter-invert );
|
2022-11-30 20:38:59 +00:00
|
|
|
}
|
