From b46f0c99bb6f73ddc2ecdc0e47655b7110251cc9 Mon Sep 17 00:00:00 2001
From: Zero~Informatique
Date: Thu, 20 Aug 2020 00:14:07 +0200
Subject: viewer: moved scrollbar SCSS definition to its own file

---
 viewer/src/assets/scss/global.scss    | 20 --------------------
 viewer/src/assets/scss/scrollbar.scss | 20 ++++++++++++++++++++
 2 files changed, 20 insertions(+), 20 deletions(-)
 create mode 100644 viewer/src/assets/scss/scrollbar.scss

(limited to 'viewer/src/assets')

diff --git a/viewer/src/assets/scss/global.scss b/viewer/src/assets/scss/global.scss
index 4d6c707..c82e1bc 100644
--- a/viewer/src/assets/scss/global.scss
+++ b/viewer/src/assets/scss/global.scss
@@ -102,26 +102,6 @@ button svg + span {
   }
 }
 
-// === Scrollbar styling
-
-.scrollbar {
-  overflow: auto;
-  scrollbar-color: $scrollbar-color transparent;
-  scrollbar-width: thin;
-  &::-webkit-scrollbar {
-    width: $scrollbar-width;
-    height: $scrollbar-width;
-  }
-  &::-webkit-scrollbar-corner {
-    background-color: transparent;
-  }
-  &::-webkit-scrollbar-thumb {
-    box-shadow: inset 0 0 1px black;
-    background-color: $scrollbar-color;
-  }
-}
-
-
 // === Effect to apply on lazy-image loading
 
 img {
diff --git a/viewer/src/assets/scss/scrollbar.scss b/viewer/src/assets/scss/scrollbar.scss
new file mode 100644
index 0000000..cfca929
--- /dev/null
+++ b/viewer/src/assets/scss/scrollbar.scss
@@ -0,0 +1,20 @@
+@import "~@/assets/scss/theme.scss";
+
+// === Scrollbar styling
+
+.scrollbar {
+  overflow: auto;
+  scrollbar-color: $scrollbar-color transparent;
+  scrollbar-width: thin;
+  &::-webkit-scrollbar {
+    width: $scrollbar-width;
+    height: $scrollbar-width;
+  }
+  &::-webkit-scrollbar-corner {
+    background-color: transparent;
+  }
+  &::-webkit-scrollbar-thumb {
+    box-shadow: inset 0 0 1px black;
+    background-color: $scrollbar-color;
+  }
+}
-- 
cgit v1.2.3