[nb] Commit
This commit is contained in:
35
.obsidian/snippets/omts-[ui] Native Scrollbar styles.css
vendored
Normal file
35
.obsidian/snippets/omts-[ui] Native Scrollbar styles.css
vendored
Normal file
@@ -0,0 +1,35 @@
|
||||
/*
|
||||
Native scrollbars
|
||||
I styled the native scrollbars before I reaized there was an option to render them in Obsidian...
|
||||
Only tested on MacOS
|
||||
https://github.com/replete/obsidian-minimal-theme-css-snippets
|
||||
*/
|
||||
:root {
|
||||
--scrollbar-size: 6px;
|
||||
}
|
||||
::-webkit-scrollbar {
|
||||
width: var(--scrollbar-size); /* for vertical scrollbars */
|
||||
height: var(--scrollbar-size); /* for horizontal scrollbars */
|
||||
}
|
||||
::-webkit-scrollbar-track,
|
||||
::-webkit-scrollbar-corner {
|
||||
background:transparent;
|
||||
}
|
||||
::-webkit-scrollbar-track:vertical {
|
||||
background:linear-gradient(to right, transparent 50%, hsla(var(--base-h), var(--base-s), calc(var(--base-l) - 10%), 0.2));
|
||||
}
|
||||
::-webkit-scrollbar-track:horizontal {
|
||||
background:linear-gradient(to bottom, transparent 50%, hsla(var(--base-h), var(--base-s), calc(var(--base-l) - 10%), 0.2));
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: var(--nav-indentation-guide-color);
|
||||
}
|
||||
/* ::-webkit-scrollbar-thumb:vertical {
|
||||
border-radius: var(--scrollbar-size) 0 0 var(--scrollbar-size);
|
||||
}
|
||||
::-webkit-scrollbar-thumb:horizontal {
|
||||
border-radius: var(--scrollbar-size) var(--scrollbar-size) 0 0;
|
||||
} */
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: var(--text-muted);
|
||||
}
|
Reference in New Issue
Block a user