Skip to content

Instantly share code, notes, and snippets.

@SebAshton
Last active August 29, 2015 14:02
Show Gist options
  • Save SebAshton/337493f5731199f751c3 to your computer and use it in GitHub Desktop.
Save SebAshton/337493f5731199f751c3 to your computer and use it in GitHub Desktop.
css scrollbar mixin
@mixin scrollbar($pill-color = "#000") {
overflow-x: hidden;
overflow-y: auto;
scrollbar-face-color: $pill-color;
scrollbar-arrow-color: $pill-color;
scrollbar-track-color: transparent;
scrollbar-shadow-color: $pill-color;
scrollbar-highlight-color: $pill-color;
scrollbar-3dlight-color: $pill-color;
scrollbar-darkshadow-Color: $pill-color;
&::-webkit-scrollbar {
width: 9px;
height: 9px;
cursor: pointer;
}
&::-webkit-scrollbar-track-piece {
background-color: transparent;
}
&::-webkit-scrollbar-thumb:vertical {
height: 0;
background-color: $pill-color;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment