implement hide scrollbar utility

yinkakun · Oct 23, 2022 · 0831c03 · 0831c03
1 parent 0bf9763
commit 0831c03
Showing 1 changed file with 20 additions and 0 deletions.
diff --git a/storefront/styles/tailwind.css b/storefront/styles/tailwind.css
@@ -1,3 +1,23 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+@layer utilities {
+  .scrollbar-hide {
+    -ms-overflow-style: none; /* IE and Edge */
+    scrollbar-width: none; /* Firefox */
+  }
+
+  .scrollbar-hide::-webkit-scrollbar {
+    display: none; /* Chrome, Safari, Opera*/
+  }
+
+  .scrollbar-show {
+    -ms-overflow-style: auto; /* IE and Edge */
+    scrollbar-width: auto; /* Firefox */
+  }
+
+  .scrollbar-show::-webkit-scrollbar {
+    display: auto; /* Chrome, Safari, Opera*/
+  }
+}