tippy.js

jalendport · Nov 7, 2018 · 086607e · 086607e
1 parent 1609137
commit 086607e
Show file tree

Hide file tree

Showing 7 changed files with 24 additions and 4 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -14,6 +14,7 @@
     "expose-loader": "^0.7.5",
     "laravel-mix": "^2.1.11",
     "laravel-mix-purgecss": "^2.0.0",
-    "tailwindcss": "^0.6.6"
+    "tailwindcss": "^0.6.6",
+    "tippy.js": "^3.1.1"
   }
 }
diff --git a/src/assetbundles/dist/bundle.js b/src/assetbundles/dist/bundle.js
diff --git a/src/assetbundles/dist/styles.css b/src/assetbundles/dist/styles.css
diff --git a/src/assetbundles/src/styles.scss b/src/assetbundles/src/styles.scss
@@ -4,6 +4,8 @@
 
 @tailwind utilities;
 
+@import '../../../node_modules/tippy.js/dist/tippy.css';
+
 /* Overrides */
 
 #main-container #main #header {

diff --git a/src/assetbundles/src/vendor.js b/src/assetbundles/src/vendor.js
@@ -1,3 +1,5 @@
+import tippy from 'tippy.js';
+
 // Display dropdown menu on button click
 $('.qm-dropdown-button').on('click', function() {
   $(this).parent().find('.qm-dropdown-menu').toggle();

diff --git a/webpack.mix.js b/webpack.mix.js
@@ -20,5 +20,5 @@ mix.js('src/assetbundles/src/vendor.js', 'src/assetbundles/dist/bundle.js')
     ],
     extractor: TailwindExtractor,
     extensions: ['html', 'twig', 'js', 'css', 'scss'],
-    whitelistPatterns: [],
+    whitelistPatterns: [/tippy-/],
   });