Update Tailwind

app/templates/admin.hbs

@@ -12,7 +12,7 @@
             @route="admin.indexes.item"
             @model={{item}}
             @name={{capitalize item.uid}}
-            class="flex flex-row items-center h-12 px-base"
+            class="flex flex-row items-center h-12 px-4"
           />
         {{/each}}
       </nav>

config/tailwind.config.js

@@ -1,14 +1,8 @@
 module.exports = {
-  purge: [
-    // './app/**/*.html',
-    // './app/**/*.hbs',
-  ],
+  content: ['./app/**/*.html', './app/**/*.hbs'],
   darkMode: false, // or 'media' or 'class'
   theme: {
     extend: {
-      spacing: {
-        base: '1.5rem',
-      },
       colors: {
         light: '#E5E7EB',
         secondary: '#374151',

ember-cli-build.js

@@ -8,6 +8,7 @@ module.exports = function (defaults) {
   let app = new EmberApp(defaults, {
     postcssOptions: {
       compile: {
+        cacheInclude: [/.*\.(css|scss|hbs)$/, /.*tailwind.config.js$/],
         plugins: [
           {
             module: autoprefixer,

package.json

@@ -50,7 +50,7 @@
     "@types/ember__template": "^3.16.1",
     "@types/ember__test": "^3.16.1",
     "@types/ember__utils": "^3.16.2",
-    "autoprefixer": "^10.2.1",
+    "autoprefixer": "^10.4.4",
     "babel-eslint": "^10.1.0",
     "broccoli-asset-rev": "^3.0.0",
     "ember-auto-import": "^2.4.0",
@@ -86,7 +86,7 @@
     "prettier": "^2.5.1",
     "qunit": "^2.18.0",
     "qunit-dom": "^2.0.0",
-    "tailwindcss": "^2.1.4",
+    "tailwindcss": "^3.0.23",
     "webpack": "^5.69.1"
   },
   "engines": {