Subtle scroll bar
All checks were successful
Publish Library / Build NPM Project (push) Successful in 20s
Publish Library / Tag Version (push) Successful in 12s
Publish Library / Build Container (push) Successful in 45s

This commit is contained in:
2026-07-25 22:37:24 -04:00
parent f018bae865
commit c2e6aca07d
2 changed files with 9 additions and 19 deletions

View File

@@ -1,6 +1,6 @@
{
"name": "@ztimson/css-utils",
"version": "2.0.3",
"version": "2.0.4",
"description": "CSS Utility Classes",
"readme": "README.md",
"scripts": {

View File

@@ -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)