| .task-diff { |
| font-family: 'Courier', sans-serif; |
| font-size: 12px; |
| border: 1px solid $grid_highlight_color; |
| |
| .diff-picker { |
| font-family: $font_stack; |
| background-color: $grid_color; |
| border-bottom: 1px solid $grid_highlight_color; |
| text-transform: uppercase; |
| padding: 15px 20px 5px 20px; |
| color: #555; |
| font-size: 14px; |
| font-weight: 700; |
| |
| div { |
| font-weight: 700; |
| margin: 0px 10px; |
| } |
| } |
| |
| .diff-view { |
| overflow: auto; |
| |
| span { |
| display: block; |
| padding: 2px 10px; |
| width: 100%; |
| background-color: $content_box_color; |
| } |
| |
| span.same { |
| background-color: rgba(0, 0, 0, 0.01); |
| } |
| |
| span.removed { |
| background-color: #ffd7dc; |
| } |
| |
| span.added { |
| background-color: #c8f7d5; |
| } |
| } |
| } |