update example

heidkaemper · heidkaemper · commit 3cf638a8a9ad · 2024-06-26T17:00:18.000+02:00
diff --git a/docs/example/index.html b/docs/example/index.html
@@ -7,11 +7,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Example „Cards” - Tailwind CSS Intersection Observer Plugin</title>
     <link href="styles.css" rel="stylesheet">
-    <script defer src="https://unpkg.com/tailwindcss-intersect@1.x.x/dist/observer.min.js"></script>
+    <script defer src="https://unpkg.com/tailwindcss-intersect@2.x.x/dist/observer.min.js"></script>
 </head>
 
-<body class="bg-white p-8 lg:p-12 lg:text-lg overflow-x-hidden">
-    <div class="max-w-3xl mx-auto">
+<body class="bg-white p-8 lg:p-12 lg:text-lg">
+    <div class="max-w-3xl mx-auto overflow-clip">
         
         <h1 class="text-3xl mb-2">Example „Image Cards”</h1>
         <h2 class="text-xl mb-12 lg:mb-16"><a href="https://github.com/heidkaemper/tailwindcss-intersect">Tailwind CSS Intersection Plugin</a></h2>
diff --git a/docs/example/styles.css b/docs/example/styles.css
diff --git a/docs/example/tailwind.config.js b/docs/example/tailwind.config.js
@@ -1,11 +1,13 @@
-module.exports = {
+import intersect from './../../src'
+
+export default {
     content: [
         './docs/example/**/*.html',
     ],
     theme: {
         extend: {},
     },
     plugins: [
-        require('../../src/index.js')
+        intersect
     ],
 }
