fix: add postcss.config.js and tailwind.config.js example in the readme

updated postcss.config.js and tailwind.config.js for current usage
tsedio · Jun 6, 2023 · 882ad17 · 882ad17
1 parent 60c02f6
commit 882ad17
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 0 deletions.
diff --git a/packages/tailwind-formio/readme.md b/packages/tailwind-formio/readme.md
@@ -56,6 +56,18 @@ module.exports = {
 }
 ```
 
+Or:
+
+```diff
+export default {
+  plugins: {
+    'tailwindcss/nesting': {},
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}
+```
+
 ### Configure tailwind
 
 Generate the initial `tailwind.config.js` with the following command:
@@ -214,6 +226,11 @@ module.exports = {
         2: "2 2 0%",
         3: "3 3 0%"
       }
+    },
+    outline: {
+      none: ["2px solid transparent", "2px"],
+      white: ["2px dotted white", "2px"],
+      black: ["2px dotted black", "2px"]
     }
   },
   variants: {

diff --git a/packages/tailwind/tailwind.config.js b/packages/tailwind/tailwind.config.js
@@ -296,6 +296,12 @@ Object.assign(exports, {
       none: "none",
       2: "2 2 0%",
       3: "3 3 0%"
+    },
+
+    outline: {
+      none: ["2px solid transparent", "2px"],
+      white: ["2px dotted white", "2px"],
+      black: ["2px dotted black", "2px"]
     }
   },