mediawiki-skins-Citizen/skinStyles/extensions/WikiHiero/ext.wikihiero.less
alistair3149 60999eb1d9
feat(core): replace breakpoint LESS variables with Codex tokens
Codex tokens are a better implementation and this should ensure consistency across the MW ecosystem.
We have to keep a copy for now as they are introduced in 1.41.

Related: #735
2023-11-16 17:55:59 -05:00

70 lines
1.5 KiB
Plaintext

/*
* Citizen
*
* SkinStyles for Extension:WikiHiero
* Module: ext.wikihiero
* Version: REL1_39 3a2be51
*
* Date: 2023-06-04
*/
@import '../../../resources/mixins.less';
.mw-hiero {
/* content.css */
.skin-citizen-light &-table img {
.recolor( @color-base );
}
.skin-citizen-light h1 &-table img,
.skin-citizen-light h2 &-table img,
.skin-citizen-light h3 &-table img,
.skin-citizen-light h4 &-table img,
.skin-citizen-light h5 &-table img,
.skin-citizen-light h6 &-table img,
.skin-citizen-light dt &-table img {
.recolor( @color-base--emphasized );
}
.skin-citizen-light blockquote &-table img,
.skin-citizen-light th &-table img {
.recolor( @color-base--subtle );
}
.skin-citizen-dark &-table img {
.recolor( @dark-color-base );
}
.skin-citizen-dark h1 &-table img,
.skin-citizen-dark h2 &-table img,
.skin-citizen-dark h3 &-table img,
.skin-citizen-dark h4 &-table img,
.skin-citizen-dark h5 &-table img,
.skin-citizen-dark h6 &-table img,
.skin-citizen-dark dt &-table img {
.recolor( @dark-color-base--emphasized );
}
.skin-citizen-dark blockquote &-table img,
.skin-citizen-dark th &-table img {
.recolor( @dark-color-base--subtle );
}
/* special.css */
&-form {
background: var( --color-surface-0 );
@media screen and ( min-width: @min-width-breakpoint-tablet ) {
top: ~'calc( var( --line-height-xs ) * var( --font-size-h3 ) + 2 * var( --space-md ) )';
}
}
&-toc {
overflow-x: scroll;
}
&-code {
border-color: var( --border-color-base );
}
}