generated from ztimson/template
Subtle scroll bar
This commit is contained in:
@@ -108,7 +108,7 @@ $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-primary) var(--theme-background);
|
||||
scrollbar-color: var(--theme-surface) transparent;
|
||||
}
|
||||
|
||||
*::-webkit-scrollbar {
|
||||
@@ -117,17 +117,17 @@ $divisible: (0, 10, 20, 25, 30, 33, 34, 40, 50, 60, 66, 70, 75, 80, 90, 100);
|
||||
}
|
||||
|
||||
*::-webkit-scrollbar-track {
|
||||
background: var(--theme-background);
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
*::-webkit-scrollbar-thumb {
|
||||
background-color: var(--theme-primary);
|
||||
background-color: var(--theme-surface);
|
||||
border-radius: 4px;
|
||||
border: 2px solid var(--theme-background);
|
||||
border: 2px solid var(--theme-surface);
|
||||
}
|
||||
|
||||
*::-webkit-scrollbar-thumb:hover {
|
||||
background-color: var(--theme-accent);
|
||||
background-color: var(--theme-primary);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user