Add task list demo application

packages/css-configuration/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @type import('vite').UserConfig['css']
+ */
+export const css: import("vite").UserConfig["css"];

packages/css-configuration/index.js

@@ -0,0 +1,42 @@
+import nesting from 'tailwindcss/nesting/index.js';
+import tailwindcss from 'tailwindcss';
+import autoprefixer from 'autoprefixer';
+
+/**
+ * @type import('vite').UserConfig['css']
+ */
+export const css = {
+  postcss: {
+    plugins: [
+      tailwindcss({
+        content: ['./**/*.{html,js,jsx,ts,tsx}'],
+        theme: {
+          extend: {
+            container: {
+              center: true,
+              padding: '1rem',
+            },
+            colors: {
+              primary: {
+                50: '#f3faeb',
+                100: '#e5f3d4',
+                200: '#cde8ae',
+                300: '#acd87e',
+                400: '#8ec655',
+                500: '#6ca635',
+                600: '#558828',
+                700: '#426823',
+                800: '#375420',
+                900: '#30481f',
+                950: '#17270c',
+              },
+            },
+          },
+        },
+        plugins: [],
+      }),
+      nesting,
+      autoprefixer,
+    ],
+  },
+};

packages/css-configuration/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "css-configuration",
+  "version": "1.0.0",
+  "description": "Some CSS settings for Vite/PostCSS that includes Tailwind",
+  "main": "index.js",
+  "type": "module",
+  "scripts": {
+    "types": "tsc --emitDeclarationOnly --allowJs --declaration --skipLibCheck index.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/stevekinney/testing-javascript.git"
+  },
+  "author": "Steve Kinney <hello@stevekinney.net>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/stevekinney/testing-javascript/issues"
+  },
+  "homepage": "https://github.com/stevekinney/testing-javascript#readme",
+  "devDependencies": {
+    "autoprefixer": "^10.4.20",
+    "tailwindcss": "^3.4.12",
+    "typescript": "^5.6.2",
+    "vite": "^5.4.6"
+  }
+}