refactor(tailwindcss): following v3 upgrade guide

See: https://tailwindcss.com/docs/upgrade-guide
tuqulore · Mar 15, 2022 · d895789 · d895789
1 parent a2f7b40
commit d895789
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 7 deletions.
diff --git a/packages/tailwindcss/stories/Chat.stories.mdx b/packages/tailwindcss/stories/Chat.stories.mdx
@@ -45,7 +45,7 @@ import faviconImage from "./assets/sample_favicon.ico";
     {html`
       <div class="container max-w-2xl">
         <div class="mb-4 flex">
-          <div class="avatar flex-shrink-0 mr-4">
+          <div class="avatar shrink-0 mr-4">
             <a href="#">
               <img src="${avatarImage}" alt="城田 亜利沙" />
             </a>
@@ -58,7 +58,7 @@ import faviconImage from "./assets/sample_favicon.ico";
             <div
               class="flex items-center border border-gray-300 rounded-lg overflow-hidden"
             >
-              <a href="#" class="w-32 h-32 flex-shrink-0">
+              <a href="#" class="w-32 h-32 shrink-0">
                 <img
                   src="${posterImage}"
                   alt=""

diff --git a/packages/tailwindcss/tailwind.config.js b/packages/tailwindcss/tailwind.config.js
@@ -1,17 +1,13 @@
 const typography = require("@tailwindcss/typography");
 
 module.exports = {
-  purge: [],
-  darkMode: false, // or 'media' or 'class'
+  content: ["stories/**/*.mdx"],
   theme: {
     extend: {
       fontSize: {
         xxs: ["10px", "1.6em"],
       },
     },
   },
-  variants: {
-    extend: {},
-  },
   plugins: [typography, ...require("./")],
 };