mediawiki-skins-Citizen/skinStyles/extensions/Echo/ext.echo.styles.special.less
alistair3149 5d3ecd9edd
feat(core): convert some CSS variables into Codex equivalent
This is an on-going work to adapt Codex into Citizen.
Some of the CSS variables are soft depreciated, see tokens.less for updated info.
2024-06-30 01:04:30 -04:00

49 lines
855 B
Plaintext

/*
* Citizen
*
* SkinStyles for Extension:Echo
* Module: ext.echo.styles.special
* Version: REL1_35 347c30e
*
* Date: 2021-08-11
*/
.mw-echo-date-section {
color: var( --color-subtle );
border-bottom-color: var( --border-color-base );
}
.mw-echo-special-navbar-bottom {
border-top-color: var( --border-color-base );
}
.mw-echo-special-notifications {
.mw-echo-notification {
background-color: var( --color-surface-2 );
&:hover {
background-color: var( --color-surface-2--hover );
}
&:active {
background-color: var( --color-surface-2--active );
}
&-unread {
color: var( --color-base );
.mw-echo-markAsReadButton {
opacity: var( --opacity-icon-base );
&:hover {
opacity: var( --opacity-icon-base--hover );
}
&:active {
opacity: var( --opacity-icon-base--selected );
}
}
}
}
}