mediawiki-skins-Citizen/skinStyles/mediawiki/mediawiki.diff.styles.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

64 lines
1.1 KiB
Plaintext

/*
* Citizen - Diff Styles
* https://starcitizen.tools
*/
@import '../../resources/variables.less';
.diff {
display: table; // So that it does not break layout in mobile
&change {
color: var( --color-emphasized );
}
&-lineno {
font-size: var( --font-size-small );
font-weight: var( --font-weight-normal );
letter-spacing: 0.05em;
}
&-context {
color: var( --color-subtle );
background: transparent;
border-color: var( --border-color-base );
}
&-addedline {
border-color: var( --color-success );
.diffchange {
background: var( --background-color-success );
}
}
&-deletedline {
border-color: var( --color-destructive );
.diffchange {
background: var( --background-color-destructive );
}
}
&-addedline,
&-deletedline,
&-context {
font-size: var( --font-size-x-small ); // relative font size
}
&-editfont-monospace {
.diff {
&-addedline,
&-deletedline,
&-context {
font-family: var( --font-family-monospace );
}
}
}
}
.mw-diff-movedpara-left::after,
.mw-diff-movedpara-right::after {
color: var( --color-subtle );
}