feat (mixin) : add invisible scrollbar mixin

Author: francoistibo

CHANGELOG.md

@@ -1,3 +1,6 @@
+# 5.0.9
+- Add invisible scrollbar SCSS mixin
+
 # 5.0.8
 - Fix filename for editor script and editor style
 

src/scss/abstract/_index.scss

@@ -26,6 +26,7 @@
 @import "./m-hardware";
 @import "./m-hover";
 @import "./m-img-responsive";
+@import "./m-invisible-scrollbar";
 @import "./m-placeholder";
 @import "./m-placeholder-media";
 @import "./m-pseudo-content";

src/scss/abstract/_m-invisible-scrollbar.scss

@@ -0,0 +1,14 @@
+/**
+ * Invisible scrollbar
+ *
+ *      /!\ ALERT : Don't use this mixin neither on the html element, nor on the body element to avoid deteriorating accessibility
+ */
+
+@mixin invisible-scrollbar {
+    -ms-overflow-style: none;  /* IE and Edge */
+    scrollbar-width: none;  /* Firefox */
+
+    &::-webkit-scrollbar {
+        display: none;
+    }
+}