test/node_modules/@vuepress/highlighter-helper/lib/client/styles/notation-diff.css
2024-08-13 09:27:52 +08:00

36 lines
934 B
CSS

:root {
--code-diff-remove-color: rgb(244 63 94 / 16%);
--code-diff-remove-symbol-color: #e0575b;
--code-diff-add-color: rgb(16 185 129 / 16%);
--code-diff-add-symbol-color: #298459;
}
div[class*=language-] .line.diff {
display: inline-block;
width: 100%;
margin: 0 calc(-1 * var(--code-padding-x));
padding: 0 var(--code-padding-x);
}
div[class*=language-] .line.diff::before {
position: absolute;
left: 10px;
}
div[class*=language-] .line.diff.remove {
background-color: var(--code-diff-remove-color);
opacity: 0.7;
}
div[class*=language-] .line.diff.remove::before {
content: "-";
color: var(--code-diff-remove-symbol-color);
}
div[class*=language-] .line.diff.add {
background-color: var(--code-diff-add-color);
}
div[class*=language-] .line.diff.add::before {
content: "+";
color: var(--code-diff-add-symbol-color);
}
div[class*=language-].line-numbers-mode .line.diff::before {
left: 4px;
}