Skip to content

Instantly share code, notes, and snippets.

@adi518

adi518/chrome-like-scrollbar.scss

Last active August 25, 2021 15:06
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save adi518/4d6f9db343e42d5d5da98f317d0e740a to your computer and use it in GitHub Desktop.
Save adi518/4d6f9db343e42d5d5da98f317d0e740a to your computer and use it in GitHub Desktop.
Download ZIP
Raw
chrome-like-scrollbar.scss
--scrollbar-thumb-width: 9px; // bigger = smaller width
--scrollbar-thumb-margin: 3px;
--scrollbar-thumb-color: rgba(255, 255, 255, 0.25);
/* Chrome-like (mobile) scrollbar */
&::-webkit-scrollbar {
width: var(--scrollbar-thumb-width);
}
&::-webkit-scrollbar-thumb {
border: solid var(--scrollbar-thumb-margin) transparent;
box-shadow: inset 0 0 var(--scrollbar-thumb-width)
var(--scrollbar-thumb-width) var(--scrollbar-thumb-color);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment