Skip to content

Commit 31b4916

Browse files
committed
Remove unnecessary CSS
Signed-off-by: Jack Cherng <[email protected]>
1 parent f05f4a3 commit 31b4916

File tree

2 files changed

+9
-38
lines changed

2 files changed

+9
-38
lines changed

example/diff-table.css

Lines changed: 2 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -83,20 +83,8 @@
8383
text-decoration: none;
8484
}
8585
.diff-wrapper.diff.diff-html .change ins {
86-
background: #a0f1a0;
86+
background: #94f094;
8787
}
8888
.diff-wrapper.diff.diff-html .change del {
89-
background: #f1a0a0;
90-
}
91-
.diff-wrapper.diff.diff-html .edit-container:hover {
92-
box-shadow: 0 0 8px 2px #888;
93-
position: relative;
94-
z-index: 5;
95-
}
96-
.diff-wrapper.diff.diff-html .edit-container.edited {
97-
background: #e1e1fb;
98-
}
99-
.diff-wrapper.diff.diff-html .edit {
100-
display: block;
101-
outline: none;
89+
background: #f09494;
10290
}

example/diff-table.scss

Lines changed: 7 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -8,19 +8,19 @@
88
$bg-color: #fff;
99
$text-color: invert($bg-color);
1010

11-
$bg-color-edit-base: #88e;
1211
$bg-color-insert-base: #8e8;
1312
$bg-color-delete-base: #e88;
1413

14+
$op-highlight-ratio: 90%;
15+
$op-normal-ratio: 25%;
16+
1517
// emphasized colors for detailed inline difference
16-
$bg-color-edit-highlight: mix($bg-color-edit-base, $bg-color, 80%);
17-
$bg-color-insert-highlight: mix($bg-color-insert-base, $bg-color, 80%);
18-
$bg-color-delete-highlight: mix($bg-color-delete-base, $bg-color, 80%);
18+
$bg-color-insert-highlight: mix($bg-color-insert-base, $bg-color, $op-highlight-ratio);
19+
$bg-color-delete-highlight: mix($bg-color-delete-base, $bg-color, $op-highlight-ratio);
1920

2021
// colors for operation rows
21-
$bg-color-edit: mix($bg-color-edit-base, $bg-color, 25%);
22-
$bg-color-insert: mix($bg-color-insert-base, $bg-color, 25%);
23-
$bg-color-delete: mix($bg-color-delete-base, $bg-color, 25%);
22+
$bg-color-insert: mix($bg-color-insert-base, $bg-color, $op-normal-ratio);
23+
$bg-color-delete: mix($bg-color-delete-base, $bg-color, $op-normal-ratio);
2424

2525
$table-head-color: mix($bg-color, $text-color, 65%);
2626
$table-sidebar-color: mix($bg-color, $text-color, 80%);
@@ -130,22 +130,5 @@
130130
background: $bg-color-delete-highlight;
131131
}
132132
}
133-
134-
.edit-container {
135-
&:hover {
136-
box-shadow: 0 0 8px 2px #888;
137-
position: relative;
138-
z-index: 5;
139-
}
140-
141-
&.edited {
142-
background: $bg-color-edit;
143-
}
144-
}
145-
146-
.edit {
147-
display: block;
148-
outline: none;
149-
}
150133
}
151134
}

0 commit comments

Comments
 (0)