diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-13 11:31:45 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-13 11:31:45 +0000 |
commit | 4e393913a4b1f06509da4341f0f58a41adac9117 (patch) | |
tree | 9c27e3eb77d109dff5fd031502311c5616adab04 /vendor/jfcherng/php-diff/example/diff-table.scss | |
parent | Initial commit. (diff) | |
download | icinga-php-thirdparty-4e393913a4b1f06509da4341f0f58a41adac9117.tar.xz icinga-php-thirdparty-4e393913a4b1f06509da4341f0f58a41adac9117.zip |
Adding upstream version 0.12.1+ds.upstream/0.12.1+dsupstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'vendor/jfcherng/php-diff/example/diff-table.scss')
-rw-r--r-- | vendor/jfcherng/php-diff/example/diff-table.scss | 211 |
1 files changed, 211 insertions, 0 deletions
diff --git a/vendor/jfcherng/php-diff/example/diff-table.scss b/vendor/jfcherng/php-diff/example/diff-table.scss new file mode 100644 index 0000000..89c491e --- /dev/null +++ b/vendor/jfcherng/php-diff/example/diff-table.scss @@ -0,0 +1,211 @@ +// You can compile this with https://www.sassmeister.com + +$diff-bg-color: #fff !default; +$diff-text-color: invert($diff-bg-color) !default; + +$diff-bg-color-ins-base: #8e8 !default; +$diff-bg-color-del-base: #e88 !default; +$diff-bg-color-rep-base: #fbdb65 !default; + +$diff-op-highlight-ratio: 90% !default; +$diff-op-normal-ratio: 25% !default; + +// emphasized colors for detailed inline difference +$diff-bg-color-ins-highlight: mix($diff-bg-color-ins-base, $diff-bg-color, $diff-op-highlight-ratio) !default; +$diff-bg-color-del-highlight: mix($diff-bg-color-del-base, $diff-bg-color, $diff-op-highlight-ratio) !default; + +// colors for operation rows +$diff-bg-color-ins: mix($diff-bg-color-ins-base, $diff-bg-color, $diff-op-normal-ratio) !default; +$diff-bg-color-del: mix($diff-bg-color-del-base, $diff-bg-color, $diff-op-normal-ratio) !default; +$diff-bg-color-rep: mix($diff-bg-color-rep-base, $diff-bg-color, $diff-op-normal-ratio) !default; + +$diff-table-head-color: mix($diff-bg-color, $diff-text-color, 65%) !default; +$diff-table-sidebar-color: mix($diff-bg-color, $diff-text-color, 80%) !default; +$diff-border-color: $diff-text-color !default; + +// color for the nonexistent block +// for example, there are a deleted line that has no corresponding one +$diff-bg-color-none-block: mix($diff-bg-color, $diff-table-sidebar-color, 80%) !default; +$diff-bg-color-none-block-alternative: mix($diff-bg-color, $diff-table-sidebar-color, 55%) !default; + +// symbol images +$img-space: 'data:image/svg+xml,%3Csvg preserveAspectRatio="xMinYMid meet" viewBox="0 0 12 24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M4.5 11C4.5 10.1716 5.17157 9.5 6 9.5C6.82843 9.5 7.5 10.1716 7.5 11C7.5 11.8284 6.82843 12.5 6 12.5C5.17157 12.5 4.5 11.8284 4.5 11Z" fill="rgba%2860, 60, 60, 50%25%29"/%3E%3C/svg%3E' !default; +$img-tab: 'data:image/svg+xml,%3Csvg preserveAspectRatio="xMinYMid meet" viewBox="0 0 12 24" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M9.5 10.44L6.62 8.12L7.32 7.26L12.04 11V11.44L7.28 14.9L6.62 13.9L9.48 11.78H0V10.44H9.5Z" fill="rgba%2860, 60, 60, 50%25%29"/%3E%3C/svg%3E' !default; + +.diff-wrapper.diff { + --tab-size: 4; + + background: repeating-linear-gradient( + -45deg, + $diff-bg-color-none-block, + $diff-bg-color-none-block 0.5em, + $diff-bg-color-none-block-alternative 0.5em, + $diff-bg-color-none-block-alternative 1em + ); + border-collapse: collapse; + border-spacing: 0; + border: 1px solid $diff-border-color; + color: $diff-text-color; + empty-cells: show; + font-family: monospace; + font-size: 13px; + width: 100%; + word-break: break-all; + + th { + font-weight: 700; + cursor: default; + -webkit-user-select: none; + user-select: none; + } + + td { + vertical-align: baseline; + } + + td, + th { + border-collapse: separate; + border: none; + padding: 1px 2px; + background: $diff-bg-color; + + // make empty cell has height + &:empty:after { + content: ' '; + visibility: hidden; + } + + a { + color: #000; + cursor: inherit; + pointer-events: none; + } + } + + thead th { + background: $diff-table-head-color; + border-bottom: 1px solid $diff-border-color; + padding: 4px; + text-align: left; + } + + tbody { + &.skipped { + border-top: 1px solid $diff-border-color; + + td, + th { + display: none; + } + } + + th { + background: $diff-table-sidebar-color; + border-right: 1px solid $diff-border-color; + text-align: right; + vertical-align: top; + width: 4em; + + &.sign { + background: $diff-bg-color; + border-right: none; + padding: 1px 0; + text-align: center; + width: 1em; + + &.del { + background: $diff-bg-color-del; + } + + &.ins { + background: $diff-bg-color-ins; + } + } + } + } + + &.diff-html { + white-space: pre-wrap; + tab-size: var(--tab-size); + + .ch { + line-height: 1em; + background-clip: border-box; + background-repeat: repeat-x; + background-position: left center; + + &.sp { + background-image: url($img-space); + background-size: 1ch 1.25em; + } + &.tab { + background-image: url($img-tab); + background-size: calc(var(--tab-size) * 1ch) 1.25em; + background-position: 2px center; + } + } + + &.diff-side-by-side { + td { + &.old, + &.new { + width: 45%; + } + } + } + + &.diff-combined { + .change.change-rep { + .rep { + // fixes https://github.com/jfcherng/php-diff/issues/34#issuecomment-671404456 + white-space: normal; + } + } + } + + .change { + &.change-eq { + .old, + .new { + background: $diff-bg-color; + } + } + + .old { + background: $diff-bg-color-del; + } + + .new { + background: $diff-bg-color-ins; + } + + .rep { + background: $diff-bg-color-rep; + } + + .old, + .new, + .rep { + &.none { + background: transparent; + cursor: not-allowed; + } + } + + ins, + del { + font-weight: bold; + text-decoration: none; + } + + ins { + background: $diff-bg-color-ins-highlight; + } + + del { + background: $diff-bg-color-del-highlight; + } + } + } +} |