mediawiki-skins-Citizen/skinStyles/extensions/WikiHiero/ext.wikihiero.less
alistair3149 a9acc08e27
feat(core)!: 💥 rework font-size CSS variables
To align with Codex tokens, the old --font-size-hN CSS variables are renamed.
Introduced new font size variables (x-small, small)
2024-02-26 16:54:58 -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-x-large ) + 2 * var( --space-md ) )';
}
}
&-toc {
overflow-x: scroll;
}
&-code {
border-color: var( --border-color-base );
}
}