Jeremy Stretch d5e49c8cb0
Closes #20122: Improve text contrast on highlighted changes (#20161)
* Closes #20122: Improve text contrast on highlighted changes

* Fix indentation
2025-08-22 15:34:22 -04:00

47 lines
870 B
SCSS

// Serialized data from change records
pre.change-data {
border-radius: 0;
padding: 0;
// Display each line individually for highlighting
> span {
display: block;
padding-right: $spacer;
padding-left: $spacer;
width: 100%;
min-width: fit-content;
&.added {
color: var(--tblr-dark);
background-color: $green-300;
}
&.removed {
color: var(--tblr-dark);
background-color: $red-300;
}
}
}
// Change data diff w/added & removed data
pre.change-diff {
border-color: transparent;
&.change-added {
color: var(--tblr-dark);
background-color: $green-300;
}
&.change-removed {
color: var(--tblr-dark);
background-color: $red-300;
}
}
// <pre> elements displayed with a border
pre.block {
padding: $spacer;
border: 1px solid $border-color;
border-radius: $border-radius;
}