HMC/handmade-revolt
2
0
Fork 0
forked from abner/for-legacy-web
Code Pull Requests Actions Activity

feat: provide and consume scroll offsets

Browse Source
This commit is contained in:
Paul Makles
2021-12-30 18:15:31 +00:00
parent 9387575372
commit bad7458560
17 changed files with 113 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/styles/_elements.scss
View File

@@ -13,13 +13,32 @@
}
::-webkit-scrollbar-thumb {
min-height: 15px;
min-width: 15px;
min-height: 30px;
min-width: 30px;
background-clip: content-box;
background: var(--scrollbar-thumb);
}
[data-scroll-offset] {
overflow-y: scroll;
}
[data-scroll-offset="with-padding"],
[data-scroll-offset] .with-padding {
padding-top: var(--header-height);
}
[data-scroll-offset]::-webkit-scrollbar-thumb {
background-clip: content-box;
border-top: var(--header-height) solid transparent;
}
[data-avoids-navigation]::-webkit-scrollbar-thumb {
background-clip: content-box;
border-bottom: var(--effective-bottom-offset) solid transparent;
}
::-webkit-scrollbar-corner {
background: transparent;
}