summaryrefslogtreecommitdiff
path: root/assets/css/includes/scroll-bar.css
diff options
context:
space:
mode:
authorrtk0c <[email protected]>2025-09-01 11:27:12 -0700
committerrtk0c <[email protected]>2025-09-01 11:27:12 -0700
commit86b0d0c422e34c38837b5b5495ad6d295d0e73d2 (patch)
tree039e513e5cebe1ba60b747372b50d8049edf29ae /assets/css/includes/scroll-bar.css
Squashed 'themes/PaperMod/' content from commit 5a46517
git-subtree-dir: themes/PaperMod git-subtree-split: 5a4651783fa9159123d947bd3511b355146d4797
Diffstat (limited to 'assets/css/includes/scroll-bar.css')
-rw-r--r--assets/css/includes/scroll-bar.css63
1 files changed, 63 insertions, 0 deletions
diff --git a/assets/css/includes/scroll-bar.css b/assets/css/includes/scroll-bar.css
new file mode 100644
index 0000000..f6e577d
--- /dev/null
+++ b/assets/css/includes/scroll-bar.css
@@ -0,0 +1,63 @@
+/* from reset */
+::-webkit-scrollbar-track {
+ background: 0 0;
+}
+
+.list:not(.dark)::-webkit-scrollbar-track {
+ background: var(--code-bg);
+}
+
+::-webkit-scrollbar-thumb {
+ background: var(--tertiary);
+ border: 5px solid var(--theme);
+ border-radius: var(--radius);
+}
+
+.list:not(.dark)::-webkit-scrollbar-thumb {
+ border: 5px solid var(--code-bg);
+}
+
+::-webkit-scrollbar-thumb:hover {
+ background: var(--secondary);
+}
+
+::-webkit-scrollbar:not(.highlighttable, .highlight table, .gist .highlight) {
+ background: var(--theme);
+}
+
+/* from post-single */
+.post-content .highlighttable td .highlight pre code::-webkit-scrollbar {
+ display: none;
+}
+
+.post-content :not(table) ::-webkit-scrollbar-thumb {
+ border: 2px solid var(--code-block-bg);
+ background: rgb(113, 113, 117);
+}
+
+.post-content :not(table) ::-webkit-scrollbar-thumb:hover {
+ background: rgb(163, 163, 165);
+}
+
+.gist table::-webkit-scrollbar-thumb {
+ border: 2px solid rgb(255, 255, 255);
+ background: rgb(173, 173, 173);
+}
+
+.gist table::-webkit-scrollbar-thumb:hover {
+ background: rgb(112, 112, 112);
+}
+
+.post-content table::-webkit-scrollbar-thumb {
+ border-width: 2px;
+}
+
+/* from zmedia */
+@media screen and (min-width: 768px) {
+
+ /* reset */
+ ::-webkit-scrollbar {
+ width: 19px;
+ height: 11px;
+ }
+}