mediawiki-skins-Citizen/skinStyles/extensions/TabberNeue/ext.tabberNeue.less
alistair3149 0fdc7c4ad7
feat(core): convert some CSS variables into Codex equivalent part 2
Also fix various inconsistencies with quiet buttons
2024-06-30 20:41:31 -04:00

59 lines
1.2 KiB
Plaintext

/*
* Citizen
*
* SkinStyles for Extension:TabberNeue
* Module: ext.tabberNeue
* Version: 2.1.1
*
* Date: 2024-05-26
*/
.tabber {
--tabber-color-progressive: var( --color-progressive );
--tabber-color-progressive--hover: var( --color-progressive--hover );
--tabber-color-progressive--active: var( --color-progressive--active );
--tabber-color-base: var( --color-base );
--tabber-color-subtle: var( --color-subtle );
--tabber-background-color-button-quiet--hover: var( --background-color-button-quiet--hover );
--tabber-background-color-button-quiet--active: var( --background-color-button-quiet--active );
--tabber-border-color-base: var( --border-color-base );
&__tab {
font-weight: var( --font-weight-medium );
}
&__header {
&__prev,
&__next {
&::after {
opacity: var( --opacity-icon-base );
}
}
}
}
@media ( hover: hover ) {
.tabber {
&__header {
&__prev,
&__next {
&:hover {
&::after {
opacity: var( --opacity-icon-base--hover );
}
}
&:active {
&::after {
opacity: var( --opacity-icon-base--selected );
}
}
&::after {
filter: var( --filter-invert );
}
}
}
}
}