mediawiki-skins-Citizen/skinStyles/extensions/Wikibase/jquery.wikibase.toolbar.styles.less
alistair3149 2bf20397e1
feat(core): use filter-invert CSS variable to flip color
This decouple the filter style from the  class.
Instead, filter-invert can be redefined if needed (e.g. :root.skin-citizen-dark)
2023-07-10 16:56:56 -04:00

47 lines
990 B
Plaintext

/*
* Citizen
*
* SkinStyles for Extension:Wikibase
* Module: jquery.wikibase.toolbar.styles
* Version: REL1_35 7bb503b
*
* Date: 2022-05-11
*/
/* jquery.wikibase.toolbarbutton.css */
.wikibase-toolbarbutton-disabled a:link,
.wikibase-toolbarbutton-disabled a:hover,
.wikibase-toolbarbutton-disabled a:active,
.wikibase-toolbarbutton-disabled a:visited {
color: var( --color-base--subtle );
}
.wikibase-toolbarbutton.ui-state-disabled.oo-ui-buttonElement > .oo-ui-buttonElement-button > .oo-ui-iconElement-icon {
opacity: var( --opacity-icon-base );
}
.wikibase-toolbar-button .wb-icon {
opacity: var( --opacity-icon-base );
}
.wikibase-toolbar-button a:hover .wb-icon {
opacity: var( --opacity-icon-base--hover );
}
.wikibase-toolbar-button.ui-state-disabled a:hover .wb-icon {
opacity: var( --opacity-base--disabled );
}
// Toolbar icons
.wikibase-toolbar-button {
&-edit,
&-save,
&-remove,
&-cancel,
&-add {
.wb-icon {
filter: var( --filter-invert );
}
}
}