MediaWiki:Common.less/diff.less: Difference between revisions
(Created page with "→================= diffs =================: :root { --diff-addedline-border-color: #438ab5; // blue --diff-addedline-background: #bddff2; --diff-addedline-color: @black; --diff-deletedline-border-color: #379541; // green --diff-deletedline-background: #c1edbf; --diff-deletedline-color: @black; --diff-context-border-color: @BODY_MID; --diff-context-background: @BODY_MID; --diff-inline-deletedline: @apricot-peach; // red, different for inline } .d...") |
No edit summary Tag: Reverted |
||
Line 1: | Line 1: | ||
/* ================= diffs ================= */:root { --diff-addedline-border-color: #438ab5; // blue --diff-addedline-background: #bddff2; --diff-addedline-color: @black; --diff-deletedline-border-color: #379541; // green --diff-deletedline-background: #c1edbf; --diff-deletedline-color: @black; --diff-context-border-color: @BODY_MID; --diff-context-background: @BODY_MID; --diff-inline-deletedline: @apricot-peach; // red, different for inline}.diff-context { border-color: var(--diff-context-border-color); background: var(--diff-context-background); color: inherit;}.diff-addedline { border-color: var(--diff-addedline-border-color); .diffchange { background: var(--diff-addedline-background); color: var(--diff-addedline-color); }}.diff-deletedline { border-color: var(--diff-deletedline-border-color); .diffchange { background: var(--diff-deletedline-background); color: var(--diff-deletedline-color); }}// "↪".mw-diff-movedpara-left:after,// "↩".mw-diff-movedpara-right:after { color: var(--text-color);}/* ------------------ NEW INLINE DIFFS ----------------- */// INLINE diff buttons.mw-diff-table-prefix .mw-diff-inline-legend { .mw-diff-inline-legend-ins { background: var(--diff-addedline-background); } .mw-diff-inline-legend-del { background: var(--diff-inline-deletedline); }}//added content.mw-diff-inline-added.mw-diff-empty-line::after,.mw-inline-diff-newline::after { background: var(--diff-addedline-background); color: var(--byline-color);}.mw-diff-inline-added,.mw-diff-inline-changed,.mw-diff-inline-moved, { ins { background: var(--diff-addedline-background); }}//deleted content.mw-diff-inline-deleted.mw-diff-empty-line::after,.mw-inline-diff-newline::after { background: var(--diff-inline-deletedline); color: var(--byline-color);}.mw-diff-inline-deleted,.mw-diff-inline-changed,.mw-diff-inline-moved, { del { background: var(--diff-inline-deletedline); }} |
|||
/* ================= |
|||
diffs |
|||
================= */ |
|||
:root { |
|||
--diff-addedline-border-color: #438ab5; // blue |
|||
--diff-addedline-background: #bddff2; |
|||
--diff-addedline-color: @black; |
|||
--diff-deletedline-border-color: #379541; // green |
|||
--diff-deletedline-background: #c1edbf; |
|||
--diff-deletedline-color: @black; |
|||
--diff-context-border-color: @BODY_MID; |
|||
--diff-context-background: @BODY_MID; |
|||
--diff-inline-deletedline: @apricot-peach; // red, different for inline |
|||
} |
|||
.diff-context { |
|||
border-color: var(--diff-context-border-color); |
|||
background: var(--diff-context-background); |
|||
color: inherit; |
|||
} |
|||
.diff-addedline { |
|||
border-color: var(--diff-addedline-border-color); |
|||
.diffchange { |
|||
background: var(--diff-addedline-background); |
|||
color: var(--diff-addedline-color); |
|||
} |
|||
} |
|||
.diff-deletedline { |
|||
border-color: var(--diff-deletedline-border-color); |
|||
.diffchange { |
|||
background: var(--diff-deletedline-background); |
|||
color: var(--diff-deletedline-color); |
|||
} |
|||
} |
|||
// "↪" |
|||
.mw-diff-movedpara-left:after, |
|||
// "↩" |
|||
.mw-diff-movedpara-right:after { |
|||
color: var(--text-color); |
|||
} |
|||
/* ------------------ |
|||
NEW INLINE DIFFS |
|||
----------------- */ |
|||
// INLINE diff buttons |
|||
.mw-diff-table-prefix .mw-diff-inline-legend { |
|||
.mw-diff-inline-legend-ins { |
|||
background: var(--diff-addedline-background); |
|||
} |
|||
.mw-diff-inline-legend-del { |
|||
background: var(--diff-inline-deletedline); |
|||
} |
|||
} |
|||
//added content |
|||
.mw-diff-inline-added.mw-diff-empty-line::after, |
|||
.mw-inline-diff-newline::after { |
|||
background: var(--diff-addedline-background); |
|||
color: var(--byline-color); |
|||
} |
|||
.mw-diff-inline-added, |
|||
.mw-diff-inline-changed, |
|||
.mw-diff-inline-moved, { |
|||
ins { |
|||
background: var(--diff-addedline-background); |
|||
} |
|||
} |
|||
//deleted content |
|||
.mw-diff-inline-deleted.mw-diff-empty-line::after, |
|||
.mw-inline-diff-newline::after { |
|||
background: var(--diff-inline-deletedline); |
|||
color: var(--byline-color); |
|||
} |
|||
.mw-diff-inline-deleted, |
|||
.mw-diff-inline-changed, |
|||
.mw-diff-inline-moved, { |
|||
del { |
|||
background: var(--diff-inline-deletedline); |
|||
} |
|||
} |
Revision as of 17:12, 17 October 2024
/* ================= diffs ================= */:root { --diff-addedline-border-color: #438ab5; // blue --diff-addedline-background: #bddff2; --diff-addedline-color: @black; --diff-deletedline-border-color: #379541; // green --diff-deletedline-background: #c1edbf; --diff-deletedline-color: @black; --diff-context-border-color: @BODY_MID; --diff-context-background: @BODY_MID; --diff-inline-deletedline: @apricot-peach; // red, different for inline}.diff-context { border-color: var(--diff-context-border-color); background: var(--diff-context-background); color: inherit;}.diff-addedline { border-color: var(--diff-addedline-border-color); .diffchange { background: var(--diff-addedline-background); color: var(--diff-addedline-color); }}.diff-deletedline { border-color: var(--diff-deletedline-border-color); .diffchange { background: var(--diff-deletedline-background); color: var(--diff-deletedline-color); }}// "↪".mw-diff-movedpara-left:after,// "↩".mw-diff-movedpara-right:after { color: var(--text-color);}/* ------------------ NEW INLINE DIFFS ----------------- */// INLINE diff buttons.mw-diff-table-prefix .mw-diff-inline-legend { .mw-diff-inline-legend-ins { background: var(--diff-addedline-background); } .mw-diff-inline-legend-del { background: var(--diff-inline-deletedline); }}//added content.mw-diff-inline-added.mw-diff-empty-line::after,.mw-inline-diff-newline::after { background: var(--diff-addedline-background); color: var(--byline-color);}.mw-diff-inline-added,.mw-diff-inline-changed,.mw-diff-inline-moved, { ins { background: var(--diff-addedline-background); }}//deleted content.mw-diff-inline-deleted.mw-diff-empty-line::after,.mw-inline-diff-newline::after { background: var(--diff-inline-deletedline); color: var(--byline-color);}.mw-diff-inline-deleted,.mw-diff-inline-changed,.mw-diff-inline-moved, { del { background: var(--diff-inline-deletedline); }}