2022-03-03 18:11:08 -05:00
|
|
|
/*
|
|
|
|
|
* New diff- syntax
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
pre[class*="language-diff-"] {
|
2022-08-15 13:22:19 -04:00
|
|
|
--eleventy-code-padding: 1.25em;
|
2022-03-03 18:11:08 -05:00
|
|
|
padding-left: var(--eleventy-code-padding);
|
|
|
|
|
padding-right: var(--eleventy-code-padding);
|
|
|
|
|
}
|
|
|
|
|
.token.deleted {
|
|
|
|
|
background-color: hsl(0, 51%, 37%);
|
2022-08-15 13:22:19 -04:00
|
|
|
color: inherit;
|
2022-03-03 18:11:08 -05:00
|
|
|
}
|
|
|
|
|
.token.inserted {
|
|
|
|
|
background-color: hsl(126, 31%, 39%);
|
2022-08-15 13:22:19 -04:00
|
|
|
color: inherit;
|
2022-03-03 18:11:08 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Make the + and - characters unselectable for copy/paste */
|
|
|
|
|
.token.prefix.unchanged,
|
|
|
|
|
.token.prefix.inserted,
|
|
|
|
|
.token.prefix.deleted {
|
|
|
|
|
-webkit-user-select: none;
|
|
|
|
|
user-select: none;
|
2022-08-15 13:22:19 -04:00
|
|
|
display: inline-flex;
|
|
|
|
|
align-items: center;
|
|
|
|
|
justify-content: center;
|
|
|
|
|
padding-top: 2px;
|
|
|
|
|
padding-bottom: 2px;
|
|
|
|
|
}
|
|
|
|
|
.token.prefix.inserted,
|
|
|
|
|
.token.prefix.deleted {
|
|
|
|
|
width: var(--eleventy-code-padding);
|
|
|
|
|
background-color: rgba(0,0,0,.2);
|
2022-03-03 18:11:08 -05:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Optional: full-width background color */
|
|
|
|
|
.token.inserted:not(.prefix),
|
|
|
|
|
.token.deleted:not(.prefix) {
|
|
|
|
|
display: block;
|
|
|
|
|
margin-left: calc(-1 * var(--eleventy-code-padding));
|
|
|
|
|
margin-right: calc(-1 * var(--eleventy-code-padding));
|
|
|
|
|
text-decoration: none; /* override del, ins, mark defaults */
|
|
|
|
|
color: inherit; /* override del, ins, mark defaults */
|
|
|
|
|
}
|
