Skip to content

Instantly share code, notes, and snippets.

View mikeapr4's full-sized avatar

Michael Gallagher mikeapr4

  • Buenos Aires, Argentina
View GitHub Profile
@pandauxstudio
pandauxstudio / hide-scrollbar-mixin.scss
Last active December 21, 2022 15:31
Sass mixin to hide scrollbar in Chrome, Firefox, Safari and IE.
@mixin hideScrollbar {
// https://blogs.msdn.microsoft.com/kurlak/2013/11/03/hiding-vertical-scrollbars-with-pure-css-in-chrome-ie-6-firefox-opera-and-safari/
// There is a CSS rule that can hide scrollbars in Webkit-based browsers (Chrome and Safari).
&::-webkit-scrollbar {
width: 0 !important
}
// There is a CSS rule that can hide scrollbars in IE 10+.
-ms-overflow-style: none;
// Use -ms-autohiding-scrollbar if you wish to display on hover.