@leonwerth/vue-diff/dist/index.css

Vue diff

@charset "UTF-8";.text-compare-page{overflow:hidden;height:100%}.text-compare-page .text-title{width:100%;height:50px;background:#1564bb;font-size:18px;font-weight:400;color:#fff;text-align:center;line-height:50px}.text-compare-page .text-compare{display:flex;padding:20px 0 20px 20px}.text-compare-page .text-compare .text-compare-article{width:100%;background:#ffffff;box-shadow:0 8px 18px #4b4a8c38;border-radius:8px;margin-right:20px}.text-compare-page .text-compare .text-compare-article .text-compare-top{width:100%;height:57px;border-bottom:1px solid #dcdcdc;line-height:57px;position:relative;font-size:18px;font-weight:400;color:#454545}.text-compare-page .text-compare .text-compare-article .text-compare-top .input-group{position:absolute;right:10px;user-select:none;cursor:pointer;font-size:16px;font-weight:400;color:#4d4d59}.text-compare-page .text-compare .text-compare-article .text-compare-top .input-group>input{padding-right:12px;margin-left:5px}.text-compare-page .text-compare .text-compare-article .text-compare-top .input-group>label{padding:0 10px;margin-top:5px}.text-compare-page .text-compare .text-compare-article .text-compare-bottom{width:100%;display:flex;padding-top:20px;padding-bottom:20px;padding-right:3%}.text-compare-page .text-compare .text-compare-article .text-compare-bottom .text-compare-left,.text-compare-page .text-compare .text-compare-article .text-compare-bottom .text-compare-right{width:calc(50% - 40px);overflow:auto;margin-left:3%;padding:0 0 0 13px;border:13px solid #eeeeee}.text-compare-page .text-compare .text-compare-article .text-compare-bottom .text-compare-left .text-compare-article1,.text-compare-page .text-compare .text-compare-article .text-compare-bottom .text-compare-right .text-compare-article1{background:#fff}.text-compare-page .text-compare .text-compare-diff{width:348px;background:#ffffff;box-shadow:0 8px 18px #4b4a8c38;border-radius:8px}.text-compare-page .text-compare .text-compare-diff .text-compare-top{height:57px;border-bottom:1px solid #dcdcdc;line-height:57px;padding-left:20px;font-size:18px;font-weight:400;color:#454545}.text-compare-page .text-compare .text-compare-diff .text-compare-bottom{padding:10px 20px;height:calc(100% - 57px)}.text-compare-page .text-compare .text-compare-diff .text-compare-bottom>.flex{background:#eeeeee;border-radius:4px;height:43px;width:100%;display:flex}.text-compare-page .text-compare .text-compare-diff .text-compare-bottom .group-title.active{background:#3e74ef}.text-compare-page .text-compare .text-compare-diff .text-compare-bottom .group-title.active>div{color:#fff!important}.text-compare-page .text-compare .text-compare-diff .text-compare-bottom .group-title{background:#eeeeee;width:25%;position:relative;display:flex;cursor:pointer}.text-compare-page .text-compare .text-compare-diff .text-compare-bottom .group-title div{width:100%;text-align:center;line-height:42px;font-size:14px;font-weight:400;color:#757575}.text-compare-page .text-compare .text-compare-diff .text-compare-bottom .group-title .line{height:43px;width:1px;background-color:#d2d2d2;position:absolute;right:0px}.text-compare-page .text-compare .text-compare-diff .card-group{overflow:auto;height:calc(100% - 74px)}.text-compare-page .text-compare .text-compare-diff .card-group .group-card-card{margin-top:10px;cursor:pointer}.text-compare-page .text-compare .text-compare-diff .card-group .group-card-card.active .group-card-title{background:#9ac685}.text-compare-page .text-compare .text-compare-diff .card-group .group-card-card.active .group-card-content{border:2px solid #9ac685}.text-compare-page .text-compare .text-compare-diff .card-group .group-card-card .group-card-title{height:50px;background:#bfbfbf;border-radius:4px 4px 0 0;font-size:16px;font-weight:400;color:#fff;line-height:50px;padding-left:10px}.text-compare-page .text-compare .text-compare-diff .card-group .group-card-card .group-card-content{padding:21px 23px;font-size:16px;font-weight:400;color:#6f6f6f;border:2px solid #bfbfbf;border-radius:0 0 4px 4px}.vue-diff-cell-removed{background-color:#ff00001a;display:inline-block}.vue-diff-cell-removed span.modified{background-color:#ff000026}.vue-diff-cell-removed code:before{content:"-"}.vue-diff-cell-added{background-color:#00ff801a;display:inline-block}.vue-diff-cell-added span.modified{background-color:#00ff8026}.vue-diff-cell-added code:before{content:"+"}.vue-diff-cell-disabled{background-color:#8080801a;display:inline-block}.vue-diff-cell-fold.lineNum{opacity:.8;font-size:.8em}.vue-diff-cell-fold.lineNum:before{content:">"}.vue-diff-cell-fold.code{text-align:center}.vue-diff-cell-fold.code:before{color:#999;content:"⋯⋯"}