Merge pull request #344 from BeAPI/feature/defensive/hover

defensive css : hover mobile

Author: francoistibo

src/scss/02-tools/_m-hover-prevent-touch.scss

@@ -0,0 +1,11 @@
+/**
+ * The hover style will only work when the user is using a tool device like a mouse or a trackpad.
+ * https://defensivecss.dev/tip/hover-media/
+ */
+@mixin hover-prevent-touch() {
+    @media (hover: hover) {
+        &:hover {
+            @content;
+        }
+    }
+}

src/scss/02-tools/tools.scss

@@ -24,6 +24,7 @@
 @import "./m-editor-only";
 @import "./m-heading";
 @import "./m-hover";
+@import "./m-hover-prevent-touch";
 @import "./m-line-clamp";
 @import "./m-placeholder-media";
 @import "./m-radio-custom";