Extract `extend-diff-expander`'s CSS (#1986)

3 files changed, 9 insertions, 10 deletions

diff --git a/source/content.css b/source/content.css
index bbd1eb48..66816ed7 100644
--- a/source/content.css
+++ b/source/content.css
@@ -503,16 +503,6 @@ body > .footer li a {
 	display: none !important;
 }
 
-/* For 'extend-diff-expander' feature */
-/* Hovering the line will highlight the first direction button, unless you hover the buttons directly */
-.js-expandable-line:hover .blob-num:not(:hover) .directional-expander:first-child,
-.js-expandable-line:hover .blob-num:not(:hover) + .blob-code {
-	border-color: #0366d6;
-	color: #fff;
-	background: #0366d6;
-	cursor: pointer;
-}
-
 /* Lighten deletions in Markdown */
 .markdown-body del {
 	color: #6a737d;
diff --git a/source/features/extend-diff-expander.css b/source/features/extend-diff-expander.css
new file mode 100644
index 00000000..d7017907
--- /dev/null
+++ b/source/features/extend-diff-expander.css
@@ -0,0 +1,8 @@
+/* Hovering the line will highlight the first direction button, unless you hover the buttons directly */
+.js-expandable-line:hover .blob-num:not(:hover) .directional-expander:first-child,
+.js-expandable-line:hover .blob-num:not(:hover)+.blob-code {
+	border-color: #0366d6;
+	color: #fff;
+	background: #0366d6;
+	cursor: pointer;
+}
diff --git a/source/features/extend-diff-expander.tsx b/source/features/extend-diff-expander.tsx
index 493a7335..f5b3034b 100644
--- a/source/features/extend-diff-expander.tsx
+++ b/source/features/extend-diff-expander.tsx
@@ -1,3 +1,4 @@
+import './extend-diff-expander.css';
 import select from 'select-dom';
 import delegate, {DelegateEvent} from 'delegate-it';
 import features from '../libs/features';