From c2e6aca07decdd1e85e71190f39a7ee5e3ba33ba Mon Sep 17 00:00:00 2001 From: ztimson Date: Sat, 25 Jul 2026 22:37:24 -0400 Subject: [PATCH] Subtle scroll bar --- package.json | 2 +- src/main.scss | 26 ++++++++------------------ 2 files changed, 9 insertions(+), 19 deletions(-) diff --git a/package.json b/package.json index e68c1da..9f79cb2 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@ztimson/css-utils", - "version": "2.0.3", + "version": "2.0.4", "description": "CSS Utility Classes", "readme": "README.md", "scripts": { diff --git a/src/main.scss b/src/main.scss index 78fcfb5..1e36315 100644 --- a/src/main.scss +++ b/src/main.scss @@ -106,29 +106,19 @@ $divisible: (0, 10, 20, 25, 30, 33, 34, 40, 50, 60, 66, 70, 75, 80, 90, 100); } .fix-scrollbar { - * { - scrollbar-width: thin; - scrollbar-color: var(--theme-surface) transparent; - } - *::-webkit-scrollbar { - width: 8px; - height: 8px; + width: 10px; + height: 10px; + } + *::-webkit-scrollbar-thumb { + background: var(--theme-muted); + border-radius: 999px; + border: 3px solid transparent; + background-clip: padding-box; } - *::-webkit-scrollbar-track { background: transparent; } - - *::-webkit-scrollbar-thumb { - background-color: var(--theme-surface); - border-radius: 4px; - border: 2px solid var(--theme-surface); - } - - *::-webkit-scrollbar-thumb:hover { - background-color: var(--theme-primary); - } } // Apply all fixes by default (like Bootstrap)