ztimson/css-utils
1
0
Fork 0
generated from ztimson/template
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: ztimson:2.0.2
Branches Tags
ztimson:master
ztimson:2.1.0 ztimson:2.0.4 ztimson:2.0.3 ztimson:2.0.2 ztimson:2.0.1 ztimson:2.0.0 ztimson:1.3.5 ztimson:1.3.4 ztimson:1.3.3 ztimson:1.3.2 ztimson:1.3.1 ztimson:1.3.0 ztimson:1.2.1 ztimson:1.2.0 ztimson:1.1.5 ztimson:1.1.4 ztimson:1.1.3 ztimson:1.1.2 ztimson:1.1.1 ztimson:1.1.0 ztimson:1.0.6 ztimson:1.0.5 ztimson:1.0.4 ztimson:1.0.3 ztimson:1.0.2 ztimson:1.0.1
..
compare: ztimson:2.0.4
Branches Tags
ztimson:master
ztimson:2.1.0 ztimson:2.0.4 ztimson:2.0.3 ztimson:2.0.2 ztimson:2.0.1 ztimson:2.0.0 ztimson:1.3.5 ztimson:1.3.4 ztimson:1.3.3 ztimson:1.3.2 ztimson:1.3.1 ztimson:1.3.0 ztimson:1.2.1 ztimson:1.2.0 ztimson:1.1.5 ztimson:1.1.4 ztimson:1.1.3 ztimson:1.1.2 ztimson:1.1.1 ztimson:1.1.0 ztimson:1.0.6 ztimson:1.0.5 ztimson:1.0.4 ztimson:1.0.3 ztimson:1.0.2 ztimson:1.0.1

2 Commits
2.0.2 ... 2.0.4

Author SHA1 Message Date
ztimson
c2e6aca07d Subtle scroll bar
All checks were successful
Publish Library / Build NPM Project (push) Successful in 20s
Details
Publish Library / Tag Version (push) Successful in 12s
Details
Publish Library / Build Container (push) Successful in 45s
Details
2026-07-25 22:37:24 -04:00
ztimson
f018bae865 Subtle scroll bar
All checks were successful
Publish Library / Build Container (push) Successful in 16s
Details
Publish Library / Build NPM Project (push) Successful in 22s
Details
Publish Library / Tag Version (push) Successful in 9s
Details
2026-07-25 22:13:01 -04:00
2 changed files with 9 additions and 19 deletions
Expand all files Collapse all files

2
package.json
View File

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

26
src/main.scss
View File

@@ -106,28 +106,18 @@ $divisible: (0, 10, 20, 25, 30, 33, 34, 40, 50, 60, 66, 70, 75, 80, 90, 100);
} }
.fix-scrollbar { .fix-scrollbar {
* {
scrollbar-width: thin;
scrollbar-color: var(--theme-primary) var(--theme-background);
}
*::-webkit-scrollbar { *::-webkit-scrollbar {
width: 8px; width: 10px;
height: 8px; height: 10px;
} }
*::-webkit-scrollbar-track {
background: var(--theme-background);
}
*::-webkit-scrollbar-thumb { *::-webkit-scrollbar-thumb {
background-color: var(--theme-primary); background: var(--theme-muted);
border-radius: 4px; border-radius: 999px;
border: 2px solid var(--theme-background); border: 3px solid transparent;
background-clip: padding-box;
} }
*::-webkit-scrollbar-track {
*::-webkit-scrollbar-thumb:hover { background: transparent;
background-color: var(--theme-accent);
} }
} }