UNPKG

3.97 kBCSSView Raw
1.jsondiffpatch-delta {
2 font-family: 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', Monaco, Courier, monospace;
3 font-size: 12px;
4 margin: 0;
5 padding: 0 0 0 12px;
6 display: inline-block;
7}
8.jsondiffpatch-delta pre {
9 font-family: 'Bitstream Vera Sans Mono', 'DejaVu Sans Mono', Monaco, Courier, monospace;
10 font-size: 12px;
11 margin: 0;
12 padding: 0;
13 display: inline-block;
14}
15ul.jsondiffpatch-delta {
16 list-style-type: none;
17 padding: 0 0 0 20px;
18 margin: 0;
19}
20.jsondiffpatch-delta ul {
21 list-style-type: none;
22 padding: 0 0 0 20px;
23 margin: 0;
24}
25.jsondiffpatch-added .jsondiffpatch-property-name,
26.jsondiffpatch-added .jsondiffpatch-value pre,
27.jsondiffpatch-modified .jsondiffpatch-right-value pre,
28.jsondiffpatch-textdiff-added {
29 background: #bbffbb;
30}
31.jsondiffpatch-deleted .jsondiffpatch-property-name,
32.jsondiffpatch-deleted pre,
33.jsondiffpatch-modified .jsondiffpatch-left-value pre,
34.jsondiffpatch-textdiff-deleted {
35 background: #ffbbbb;
36 text-decoration: line-through;
37}
38.jsondiffpatch-unchanged,
39.jsondiffpatch-movedestination {
40 color: gray;
41}
42.jsondiffpatch-unchanged,
43.jsondiffpatch-movedestination > .jsondiffpatch-value {
44 transition: all 0.5s;
45 -webkit-transition: all 0.5s;
46 overflow-y: hidden;
47}
48.jsondiffpatch-unchanged-showing .jsondiffpatch-unchanged,
49.jsondiffpatch-unchanged-showing .jsondiffpatch-movedestination > .jsondiffpatch-value {
50 max-height: 100px;
51}
52.jsondiffpatch-unchanged-hidden .jsondiffpatch-unchanged,
53.jsondiffpatch-unchanged-hidden .jsondiffpatch-movedestination > .jsondiffpatch-value {
54 max-height: 0;
55}
56.jsondiffpatch-unchanged-hiding .jsondiffpatch-movedestination > .jsondiffpatch-value,
57.jsondiffpatch-unchanged-hidden .jsondiffpatch-movedestination > .jsondiffpatch-value {
58 display: block;
59}
60.jsondiffpatch-unchanged-visible .jsondiffpatch-unchanged,
61.jsondiffpatch-unchanged-visible .jsondiffpatch-movedestination > .jsondiffpatch-value {
62 max-height: 100px;
63}
64.jsondiffpatch-unchanged-hiding .jsondiffpatch-unchanged,
65.jsondiffpatch-unchanged-hiding .jsondiffpatch-movedestination > .jsondiffpatch-value {
66 max-height: 0;
67}
68.jsondiffpatch-unchanged-showing .jsondiffpatch-arrow,
69.jsondiffpatch-unchanged-hiding .jsondiffpatch-arrow {
70 display: none;
71}
72.jsondiffpatch-value {
73 display: inline-block;
74}
75.jsondiffpatch-property-name {
76 display: inline-block;
77 padding-right: 5px;
78 vertical-align: top;
79}
80.jsondiffpatch-property-name:after {
81 content: ': ';
82}
83.jsondiffpatch-child-node-type-array > .jsondiffpatch-property-name:after {
84 content: ': [';
85}
86.jsondiffpatch-child-node-type-array:after {
87 content: '],';
88}
89div.jsondiffpatch-child-node-type-array:before {
90 content: '[';
91}
92div.jsondiffpatch-child-node-type-array:after {
93 content: ']';
94}
95.jsondiffpatch-child-node-type-object > .jsondiffpatch-property-name:after {
96 content: ': {';
97}
98.jsondiffpatch-child-node-type-object:after {
99 content: '},';
100}
101div.jsondiffpatch-child-node-type-object:before {
102 content: '{';
103}
104div.jsondiffpatch-child-node-type-object:after {
105 content: '}';
106}
107.jsondiffpatch-value pre:after {
108 content: ',';
109}
110li:last-child > .jsondiffpatch-value pre:after,
111.jsondiffpatch-modified > .jsondiffpatch-left-value pre:after {
112 content: '';
113}
114.jsondiffpatch-modified .jsondiffpatch-value {
115 display: inline-block;
116}
117.jsondiffpatch-modified .jsondiffpatch-right-value {
118 margin-left: 5px;
119}
120.jsondiffpatch-moved .jsondiffpatch-value {
121 display: none;
122}
123.jsondiffpatch-moved .jsondiffpatch-moved-destination {
124 display: inline-block;
125 background: #ffffbb;
126 color: #888;
127}
128.jsondiffpatch-moved .jsondiffpatch-moved-destination:before {
129 content: ' => ';
130}
131ul.jsondiffpatch-textdiff {
132 padding: 0;
133}
134.jsondiffpatch-textdiff-location {
135 color: #bbb;
136 display: inline-block;
137 min-width: 60px;
138}
139.jsondiffpatch-textdiff-line {
140 display: inline-block;
141}
142.jsondiffpatch-textdiff-line-number:after {
143 content: ',';
144}
145.jsondiffpatch-error {
146 background: red;
147 color: white;
148 font-weight: bold;
149}