2019-12-27 13:54:40 +00:00
|
|
|
/*
|
|
|
|
* Citizen - Diff Styles
|
|
|
|
* https://starcitizen.tools
|
|
|
|
*/
|
|
|
|
|
2019-12-29 09:47:56 +00:00
|
|
|
@import '../../resources/variables.less';
|
2019-12-27 13:54:40 +00:00
|
|
|
|
2021-03-06 15:48:58 +00:00
|
|
|
.diff {
|
2022-06-02 16:35:03 +00:00
|
|
|
display: table; // So that it does not break layout in mobile
|
|
|
|
|
2022-06-02 15:58:23 +00:00
|
|
|
&change {
|
|
|
|
color: var( --color-base--emphasized );
|
|
|
|
}
|
|
|
|
|
2021-03-06 15:48:58 +00:00
|
|
|
&-lineno {
|
2022-11-16 23:06:23 +00:00
|
|
|
font-size: 0.875rem;
|
2022-10-23 23:40:19 +00:00
|
|
|
font-weight: var( --font-weight-normal );
|
2022-10-28 03:26:52 +00:00
|
|
|
letter-spacing: 0.05em;
|
2019-12-27 13:54:40 +00:00
|
|
|
}
|
|
|
|
|
2021-03-06 15:48:58 +00:00
|
|
|
&-context {
|
2022-06-02 15:58:23 +00:00
|
|
|
border-color: var( --border-color-base );
|
|
|
|
background: transparent;
|
2021-03-06 15:48:58 +00:00
|
|
|
color: var( --color-base--subtle );
|
2019-12-27 13:54:40 +00:00
|
|
|
}
|
|
|
|
|
2021-03-06 15:48:58 +00:00
|
|
|
&-addedline {
|
|
|
|
border-color: var( --color-success );
|
|
|
|
|
|
|
|
.diffchange {
|
|
|
|
background: var( --background-color-success );
|
|
|
|
}
|
2019-12-27 13:54:40 +00:00
|
|
|
}
|
|
|
|
|
2021-03-06 15:48:58 +00:00
|
|
|
&-deletedline {
|
|
|
|
border-color: var( --color-destructive );
|
|
|
|
|
|
|
|
.diffchange {
|
|
|
|
background: var( --background-color-destructive );
|
|
|
|
}
|
2019-12-27 13:54:40 +00:00
|
|
|
}
|
2022-06-02 15:58:23 +00:00
|
|
|
|
|
|
|
&-addedline,
|
|
|
|
&-deletedline,
|
|
|
|
&-context {
|
|
|
|
font-size: 0.8125rem; // relative font size
|
|
|
|
}
|
2023-01-21 19:33:39 +00:00
|
|
|
|
|
|
|
&-editfont-monospace {
|
|
|
|
.diff {
|
|
|
|
&-addedline,
|
|
|
|
&-deletedline,
|
|
|
|
&-context {
|
|
|
|
font-family: var( --font-family-monospace );
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2019-12-27 13:54:40 +00:00
|
|
|
}
|
2021-03-06 15:48:58 +00:00
|
|
|
|
|
|
|
.mw-diff-movedpara-left:after,
|
|
|
|
.mw-diff-movedpara-right:after {
|
|
|
|
color: var( --color-base--subtle );
|
|
|
|
}
|