[BUGFIX] Correct output of "Rollback-Preview"
[Packages/TYPO3.CMS.git] / Build / Resources / Public / Less / Component / diff.less
1 //
2 // Diff
3 // ====
4 // Used for comparision of records
5 //
6 //
7 // Example Usage
8 // -------------
9 //
10 // <div class="diff">
11 //   <div class="div-item">
12 //     <div class="diff-title">
13 //       ...
14 //     </div>
15 //     <div class="diff-result">
16 //       ...
17 //     </div>
18 //   </div>
19 // </div>
20 //
21
22
23 //
24 // Variables
25 //
26 @diff-bgcolor:         #fff;
27 @diff-border:          #ccc;
28 @diff-color-remove:    #c80c05;
29 @diff-color-add:       #44a512;
30 @diff-padding:         10px;
31 @diff-title-bgcolor:   #fafafa;
32
33
34 //
35 // Component
36 //
37 .diff {
38         background-color: @diff-bgcolor;
39         border: 1px solid @diff-border;
40         display: table;
41 }
42 .diff-item {
43         display: table-row;
44         + .diff-item {
45                 border-top: 1px solid @diff-border;
46         }
47 }
48 .diff-item-title,
49 .diff-item-result {
50         padding: @diff-padding;
51         display: table-cell;
52 }
53 .diff-item-title {
54         background-color: @diff-title-bgcolor;
55         padding-right: 10px;
56         font-style: italic;
57         white-space: nowrap;
58 }
59 .diff-item-result {
60         font-family: @font-family-monospace;
61         width: 100%;
62         white-space: pre;
63         word-break: break-all;
64     word-wrap: break-word;
65         del {
66                 color: @diff-color-remove;
67                 background-color: lighten(@diff-color-remove, 58%);
68                 text-decoration: none;
69         }
70         ins {
71                 color: @diff-color-add;
72                 background-color: lighten(@diff-color-add, 58%);
73                 text-decoration: none;
74         }
75 }