feat(tailwind): add slider-thumb variant

mateusfg7 · Dec 28, 2023 · ae09fda · ae09fda
1 parent 4d4590e
commit ae09fda
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -2,6 +2,7 @@
 
 const defaultTheme = require('tailwindcss/defaultTheme')
 const colors = require('tailwindcss/colors')
+const plugin = require('tailwindcss/plugin')
 
 module.exports = {
   content: ['./src/**/*.{html,ts,tsx}'],
@@ -138,6 +139,13 @@ module.exports = {
     require('tailwind-scrollbar-hide'),
     require('@tailwindcss/forms')({
       strategy: 'class' // only generate classes
+    }),
+    plugin(({ addVariant }) => {
+      addVariant('slider-thumb', [
+        '&::-webkit-slider-thumb',
+        '&::-moz-range-thumb',
+        '&::slider-thumb'
+      ])
     })
   ]
 }