Skip to content

Commit 99f0ab3

Browse files
committed
feat (mixin) : add invisible scrollbar mixin
1 parent 9cc98dc commit 99f0ab3

File tree

2 files changed

+15
-0
lines changed

2 files changed

+15
-0
lines changed
Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
/**
2+
* Invisible scrollbar
3+
*
4+
* /!\ ALERT : Don't use this mixin neither on the html element, nor on the body element to avoid deteriorating the accessibility
5+
*/
6+
7+
@mixin invisible-scrollbar {
8+
-ms-overflow-style: none; /* IE and Edge */
9+
scrollbar-width: none; /* Firefox */
10+
11+
&::-webkit-scrollbar {
12+
display: none;
13+
}
14+
}

src/scss/02-tools/tools.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -36,3 +36,4 @@
3636
@import "./m-bg-fullwidth";
3737
@import "./m-block-vertical-spacing";
3838
@import "./m-background-static";
39+
@import "./m-invisible-scrollbar";

0 commit comments

Comments
 (0)