feat: add webkit-tap-highlight-color basy style

saadeghi · Mar 3, 2021 · 0eedac4 · 0eedac4
1 parent 27c5ec8
commit 0eedac4
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/index.js b/index.js
@@ -4,7 +4,7 @@ const baseRtl = require("./dist/base.rtl.js")
 const styled = require("./dist/styled.js")
 const styledRtl = require("./dist/styled.rtl.js")
 
-module.exports = ({ addComponents, addUtilities, config }) => {
+module.exports = ({ addBase, addComponents, addUtilities, config }) => {
   // because rollupjs doesn't supprt dynamic require
   let file = styled
   if (config('daisyui.styled') === false && config('daisyui.rtl') === false) {
@@ -17,6 +17,11 @@ module.exports = ({ addComponents, addUtilities, config }) => {
     file = styledRtl
   }
   addComponents(file)
+  if (config('daisyui.base') !== false) {
+    addBase({
+      'html': { '-WebkitTapHighlightColor': 'transparent' },
+    })
+  }
   if (config('daisyui.themes') === true) {
     addComponents(themes)
   }

diff --git a/src/tailwind/tailwind.config.js b/src/tailwind/tailwind.config.js
@@ -6,7 +6,10 @@ module.exports = {
     },
   },
   plugins: [
-    plugin(function({ addUtilities }) {
+    plugin(function({ addBase, addUtilities }) {
+      addBase({
+        'html': { '-WebkitTapHighlightColor': 'transparent' },
+      })
       addUtilities(require('./utilities/variables'),{ variants: ['responsive'] })
       addUtilities(require('./utilities/minHeight'),{ variants: ['responsive'] })
       addUtilities(require('./utilities/fontSize'),{ variants: ['responsive'] })