ace-diff
Version:
A diff/merging wrapper for Ace Editor built on google-diff-match-patch
2 lines (1 loc) • 1.8 kB
CSS
.acediff{--acediff-gutter-bg: #efefef;--acediff-gutter-border: #bcbcbc;--acediff-diff-bg: #d8f2ff;--acediff-diff-border: #a2d7f2;--acediff-diff-char-bg: #b8e2f5;--acediff-arrow-color: #000;--acediff-arrow-shadow: rgba(255, 255, 255, 0.7);--acediff-arrow-hover-left: #004ea0;--acediff-arrow-hover-right: #c98100}.acediff__wrap{display:flex;flex-direction:row;position:absolute;bottom:0;width:100%;top:0px;left:0px;height:100%;overflow:auto}.acediff__gutter{flex:0 0 60px;border-left:1px solid var(--acediff-gutter-border);border-right:1px solid var(--acediff-gutter-border);background-color:var(--acediff-gutter-bg);overflow:hidden}.acediff__gutter svg{background-color:var(--acediff-gutter-bg)}.acediff__left,.acediff__right{height:100%;flex:1}.acediff__diffLine{background-color:var(--acediff-diff-bg);border-top:1px solid var(--acediff-diff-border);border-bottom:1px solid var(--acediff-diff-border);position:absolute;z-index:4}.acediff__diffLine.targetOnly{height:0px ;border-top:1px solid var(--acediff-diff-border);border-bottom:0px;position:absolute}.acediff__diffChar{background-color:var(--acediff-diff-char-bg);position:absolute;z-index:5}.acediff__diffGutter{background-color:var(--acediff-diff-bg) }.acediff__connector{fill:var(--acediff-diff-bg);stroke:var(--acediff-diff-border)}.acediff__copy--right,.acediff__copy--left{position:relative}.acediff__copy--right div,.acediff__copy--left div{color:var(--acediff-arrow-color);text-shadow:1px 1px var(--acediff-arrow-shadow);position:absolute;margin:2px 3px;cursor:pointer}.acediff__copy--right div:hover{color:var(--acediff-arrow-hover-left)}.acediff__copy--left{float:right}.acediff__copy--left div{right:0px}.acediff__copy--left div:hover{color:var(--acediff-arrow-hover-right)}/*# sourceMappingURL=styles.css.map */