move scrollbar styling to scrollbar.css

3 files changed, 19 insertions, 18 deletions

diff --git a/assets/css/jekyll-theme.css b/assets/css/jekyll-theme.css
index 5491dcb..79fde65 100644
--- a/assets/css/jekyll-theme.css
+++ b/assets/css/jekyll-theme.css
@@ -1,6 +1,7 @@
 @import 'jekyll-theme/fix_bootstrap.css';
 @import 'jekyll-theme/footer.css';
 @import 'jekyll-theme/posts.css';
+@import 'jekyll-theme/scrollbar.css';
 @import 'jekyll-theme/shell.css';
 @import 'jekyll-theme/snippets.css';
 @import 'jekyll-theme/syntax.css';
diff --git a/assets/css/jekyll-theme/scrollbar.css b/assets/css/jekyll-theme/scrollbar.css
new file mode 100644
index 0000000..8e7bf01
--- /dev/null
+++ b/assets/css/jekyll-theme/scrollbar.css
@@ -0,0 +1,18 @@
+/* Scrollbars. */
+/* Firefox: */
+.pretty-scrollbar, pre {
+  scrollbar-width: thin;
+  scrollbar-color: #ccc #f0f0f0;
+}
+/* Chrome: */
+.pretty-scrollbar::-webkit-scrollbar, pre::-webkit-scrollbar {
+  width: 4px;
+  height: 4px;
+}
+.pretty-scrollbar::-webkit-scrollbar-track, pre::-webkit-scrollbar-track {
+  background: #f0f0f0;
+}
+.pretty-scrollbar::-webkit-scrollbar-thumb, pre::-webkit-scrollbar-thumb {
+  background: #ccc;
+}
+
diff --git a/assets/css/jekyll-theme/shell.css b/assets/css/jekyll-theme/shell.css
index e68543b..215d610 100644
--- a/assets/css/jekyll-theme/shell.css
+++ b/assets/css/jekyll-theme/shell.css
@@ -50,21 +50,3 @@
 .shell-out {
   border-width: 0 0 thin 0;
 }
-
-/* Scrollbars. */
-/* Firefox: */
-.shell * {
-  scrollbar-width: thin;
-  scrollbar-color: #ccc #f0f0f0;
-}
-/* Chrome: */
-.shell *::-webkit-scrollbar {
-  width: 4px;
-  height: 4px;
-}
-.shell *::-webkit-scrollbar-track {
-  background: #f0f0f0;
-}
-.shell *::-webkit-scrollbar-thumb {
-  background: #ccc;
-}