json-format-tree/dist/main.css

json格式化组件,配合json-source-map实现高亮效果

@charset "UTF-8";.vjs-tree-brackets{cursor:pointer}.vjs-tree-brackets:hover{color:#1890ff}.vjs-carets{position:absolute;right:0;cursor:pointer}.vjs-carets svg{transition:transform .3s}.vjs-carets:hover{color:#1890ff}.vjs-carets-close{transform:rotate(-90deg)}.vjs-tree{font-family:微软雅黑;font-size:14px;text-align:left}.vjs-tree.is-virtual{overflow:auto}.vjs-tree.is-virtual .vjs-tree-node{white-space:nowrap}.vjs-tree-node{display:flex;position:relative;line-height:24px}.vjs-tree-node.has-carets{padding-left:15px}.vjs-tree-node.has-selector,.vjs-tree-node.has-carets.has-selector{padding-left:30px}.vjs-tree-node.is-highlight,.vjs-tree-node .vjs-indent{display:flex;position:relative}.vjs-tree-node .vjs-indent-unit{width:1em}.vjs-tree-node .vjs-indent-unit.has-line{border-left:1px dashed #bfcbd9}.vjs-tree-node.dark.is-highlight,.vjs-tree-node.dark:hover{background-color:#2e4558}.vjs-tree-node .vjs-key{white-space:nowrap;float:left}.vjs-node-index{position:absolute;right:100%;margin-right:4px;-webkit-user-select:none;user-select:none}.vjs-colon{white-space:pre}.vjs-comment{color:#bfcbd9}.vjs-value{word-break:break-word}.vjs-value-null,.vjs-value-undefined{color:#d55fde}.vjs-value-number,.vjs-value-boolean{color:#1890ff}.vjs-value-string{color:#13ce66}