replaced :hover by @media(hover: hover)

web/themes/custom/materiotheme/assets/styles/main.scss

@@ -28,6 +28,14 @@ html{
 	}
 }
 
+@mixin hover{
+  @media (hover: hover) { /* solves sticky problem */
+    &:hover {
+      @content;
+    }
+  }
+}
+
 aside.messages{
   border:none;
 }
@@ -98,7 +106,7 @@ header[role="banner"]{
       box-sizing: content-box;
       z-index:100;
     }
-    &:hover{
+    @include hover{
       &>section{
         transition-delay: 0s;
         max-height:20em;
@@ -221,7 +229,7 @@ header[role="banner"]{
       box-sizing: content-box;
       z-index: 30;
     }
-    &:hover{
+    @include hover{
       ul{
         transition-delay: 0s;
         max-height:50em;
@@ -262,7 +270,7 @@ header[role="banner"]{
           }
         }
       }
-      &:hover{
+      @include hover{
         div.actions{
           opacity:1;
         }
@@ -384,7 +392,7 @@ header[role="banner"]{
       // outline: 1px solid blue;
       // transition-delay: 2s;
     }
-    &:hover{
+    @include hover{
       &>ul.links{
         transition-delay: 0s;
         height:2em;
@@ -1091,9 +1099,11 @@ article.card{
       .mdi.unflag{
         cursor: pointer;
       }
-      .tool.samples:hover{
-        .tool-content{
-          max-width:140px;
+      .tool.samples{
+        @include hover{
+          .tool-content{
+            max-width:140px;
+          }
         }
       }
     }
@@ -1200,7 +1210,7 @@ article.card{
         transition: all 0.2s ease-in-out;
         transition-delay: 0.1s;
       }
-      &:hover{
+      @include hover{
         .tool-content{
           transition: all 0.3s ease-in-out;
           opacity: 1;
@@ -1226,7 +1236,10 @@ article.card{
         font-size: 0.756em;
         color: #bbb;
         transition: color 0.3s ease-in-out;
-        &:hover, &.isActive{
+        @include hover{
+          color:#1a1a1a;
+        }
+        &.isActive{
           color:#1a1a1a;
         }
       }
@@ -1271,7 +1284,7 @@ article.card{
     transition: opacity 0.2s ease-in-out;
   }
 
-  &:hover{
+  @include hover{
     nav.tools{
       opacity:1;
     }
@@ -1419,8 +1432,10 @@ article.card{
         }
       }
       section.tool.note{
-        &:hover div.tool-content{
-          max-height: 370px;
+        @include hover{
+          div.tool-content{
+            max-height: 370px;
+          }
         }
         div.tool-content{
           textarea,